jquery - 如何处理 Twitter Bootstrap 中的模态关闭事件？

Question

在 Twitter Bootstrap 中，查看 modals文档。我无法弄清楚是否有办法监听模态的关闭事件并执行函数。

例如让我们以此模态为例:

<div class="modal-header">
    <button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3>Modal header</h3>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
    <a href="#" class="btn close_link" data-dismiss="modal">Close</a>   
</div>

顶部的 X 按钮和底部的关闭按钮都可以隐藏/关闭模态，因为 data-dismiss="modal"。所以我想知道，我是否能以某种方式听到它？

或者我可以像这样手动完成，我想......

$("#salesitems_modal").load(url, data, function() { 
     $(this).modal('show'); 
     $(this).find(".close_link").click(modal_closing);
});

你怎么看？

Answer 1

针对 Bootstrap 3 和 4 进行了更新

Bootstrap 3和 Bootstrap 4文档提到了您可以使用的两个事件。

hide.bs.modal: This event is fired immediately when the hide instance method has been called.
hidden.bs.modal: This event is fired when the modal has finished being hidden from the user (will wait for CSS transitions to complete).

并提供有关如何使用它们的示例:

$('#myModal').on('hidden.bs.modal', function () {
  // do something…
})

旧版 Bootstrap 2.3.2 答案

Bootstrap's documentation指的是您可以使用的两个事件。

hide: This event is fired immediately when the hide instance method has been called.
hidden: This event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).

并提供了如何使用它们的示例:

$('#myModal').on('hidden', function () {
    // do something…
})