Beide modalen Popups werden beim Klicken auf eine der beiden Schaltflächen angezeigt

Question

Ich arbeite in Twitter-Bootstrap3. Beim Klicken auf die Schaltfläche „mybtn“ sollte das Modal mit der ID = „myModal“ erscheinen, und beim Klicken auf die Schaltfläche „mybtn2“ sollte das Modal mit der ID = „myModal2“ erscheinen.Aber wenn ich auf eine der beiden Schaltflächen klicke, werden beide Popup-Fenster angezeigt. Was soll ich tun?

Anmelden/Registrieren

<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

Fügen Sie die ID des Modals hinzu, auf das Sie abzielen möchten.Im Moment, Ihr data-target Attribute verweisen auf die Klasse von bs-modal-sm Dies gilt für BEIDE Ihrer Modalitäten.Versuchen data-target="#myModal" oder data-target="#myModal2" wie angemessen.

Hier ist eine Bootply-Demo: Verknüpfung