Оба модальных всплывающих окна появляются при нажатии любой кнопки
-
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"
по мере необходимости.
Вот демо-версия bootply: ссылка
Не связан с StackOverflow