تظهر كلا النوافذ المنبثقة المشروطة عند النقر على أي زر

Question

أنا أعمل في 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>

Answer 1

أضف معرف النموذج الذي تريد استهدافه.الآن، الخاص بك data-target السمات تشير إلى فئة bs-modal-sm والذي ينطبق على كل من الوسائط الخاصة بك.يحاول data-target="#myModal" أو data-target="#myModal2" حسب الاقتضاء.

وإليك عرض توضيحي للتمهيد: وصلة