تظهر كلا النوافذ المنبثقة المشروطة عند النقر على أي زر
-
21-12-2019 - |
سؤال
أنا أعمل في twitter-bootstrap3. عند النقر على الزر "mybtn"، يجب أن يظهر الشكل الذي يحمل id = "myModal" وعند النقر على الزر "mybtn2"، يجب أن يظهر الشكل الذي يحمل id = "myModal2".ولكن عندما أنقر على أي من الزرين، يظهر بوتهما في نافذة منبثقة. ماذا علي أن أفعل؟
تسجيل الدخول/أعلى
<button id="mybtn2" style="display:none;"
class="btn btn-primary btn-lg" href="#signup" data-toggle="modal" data-target=".bs-modal-sm">
Sign In/Up
</button>
<div class="modal fade bs-modal-sm" id="myModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm" >
//code
</div></div>
<div class="modal fade bs-modal-sm" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm" >
//code
</div></div>
المحلول
أضف معرف النموذج الذي تريد استهدافه.الآن، الخاص بك data-target
السمات تشير إلى فئة bs-modal-sm
والذي ينطبق على كل من الوسائط الخاصة بك.يحاول data-target="#myModal"
أو data-target="#myModal2"
حسب الاقتضاء.
وإليك عرض توضيحي للتمهيد: وصلة
لا تنتمي إلى StackOverflow