Ambas ventanas emergentes modales aparecen al hacer clic en cualquiera de los botones
-
21-12-2019 - |
Pregunta
Estoy trabajando en twitter-bootstrap3. Al hacer clic en el botón "mybtn", debería aparecer el modal con id="myModal" y al hacer clic en el botón "mybtn2", debería aparecer el modal con id="myModal2".Pero cuando hago clic en cualquiera de los dos botones, ambos aparecen. ¿Qué debo hacer?
Iniciar sesión/Registrarse
<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>
Solución
Agregue el ID del modal al que desea dirigirse.Ahora mismo, tu data-target
Los atributos apuntan a la clase de bs-modal-sm
que se aplica a AMBOS modales.Intentar data-target="#myModal"
o data-target="#myModal2"
según sea apropiado.
Aquí hay una demostración de arranque: enlace
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow