Twitter Bootstrap: модальное всплывающее окно не исчезнет
У меня есть следующая разметка с помощью модального плагина Twitter начальной загрузки:
<code> <div class="tabbable"> <ul class="nav nav-tabs"> <li class="active"><a href="#tabPeople" data-toggle="tab">People</a></li> <li><a href="#tabRoles" data-toggle="tab">Roles</a></li> </ul> <div class="tab-content"> <div class="tab-pane active fade in" id="tabPeople"> <a data-toggle="modal" href="#modalEditPerson1">Name</a> <div class="modal hide fade in" id="modalEditPerson1"> <div class="modal-header"> <button class="close" data-dismiss="modal"> ×</button> <h3> Name</h3> </div> <div class="modal-body"> <p> One fine body…</p> </div> <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Close</a> <a href="#" class="btn btn-primary"> Save changes</a> </div> </div> </div> <div class="tab-pane fade" id="tabRoles"> <p> Role stuff here.</p> </div> </div> </div> </code>
Это вызывает модальный режим, но не затухает, как в демоверсии на этой странице:http://twitter.github.com/bootstrap/javascript.html#modals
UPDATE Я понял, что проблема в том, что он вложен в .tabbable div, который также использует .fade Я обновил HTML выше.