Я сталкиваюсь с проблемой модального режима, у меня она есть, и когда я ее закрываю, мне нужно что-то запустить, на самом деле, когда она закрывается, мне нужно обновить index.php.
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min_2.1.4.js"></script>
<script src="js/bootstrap3.3.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" />
<script>
$('#myModal').modal({
'show': false
});$('#btnModal').click(function() {
$('#myModal').modal('show');
});
$('#myModal').on('hide', function(e) {
if (!confirm('You want to close me?'))
e.preventDefault();
});
</script>
</head>
<body><!-- Button trigger modal -->
<button type="button" class="btn btn-success btn-lg" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>
<a role="button" class="btn" id="btnModal">Launch demo modal</a>
<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
</div>
</div>
</body>
</html>
У меня есть этот пример, и я не могу сделать это работает. Кто-то может мне помочь? Thks
Bootstrap имеет свой собственный показ & скрытые имена событий:
on('shown.bs.modal',function() { ... })
on('hidden.bs.modal',function() { ... })
Надеюсь, это поможет.
Удачи!
ОБНОВИТЬ: Дополнительные модальные имена событий начальной загрузки:
show.bs.modal
: Происходит, когда модал должен быть показан
shown.bs.modal
: Происходит, когда модал полностью отображается (после завершения CSS-переходов).
hide.bs.modal
: Происходит, когда модал собирается быть скрытым
hidden.bs.modal
: Происходит, когда модал полностью скрыт (после завершения CSS-переходов).
Посмотрите документы Bootstrap для дальнейшего использования: http://getbootstrap.com/javascript/#modals-events
Других решений пока нет …