Entrambi i popup modali vengono visualizzati sul clic di entrambi i pulsanti
-
21-12-2019 - |
Domanda
IM Lavoro in Twitter-bootstrap3.on Fare clic sul pulsante "MyBtn", il Modal con ID="Mymodal" dovrebbe pop e sul clic del pulsante "mybtn2", il modal con id="mymodal2" dovrebbe pop.Ma quando clicco su uno dei due pulsanti, bot del popup. Cosa dovrei fare?
. Accedi / su
<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>
. Soluzione
Aggiungi l'ID del modal che si desidera target.In questo momento, i tuoi attributi data-target
stanno puntando la classe di bs-modal-sm
che si applica a entrambe le tue modali.Prova data-target="#myModal"
o data-target="#myModal2"
come appropriato.
Ecco una demo di avvio: link
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow