在引导模式上捕获关闭事件

Question

我有一个引导模式来选择事件。如果用户单击X按钮或在模式之外，我希望将它们发送到默认事件。如何捕获这些事件？

这是我的HTML代码：

<div class="modal" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content event-selector">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
                <center><h1 class="modal-title event-selector-text">Select an Event</h1><center>
            </div>
            <div class="container"></div>
            <div class="modal-body">
                <div class="event-banner">
                    <a href="/?event=1">
                        <img src="<?php echo IMAGES_EVENT1_LOGO; ?>" width="100%">
                    </a>
                </div>
                <div class="event-banner">
                    <a href="/?event=2">
                        <img src="<?php echo IMAGES_EVENT2_LOGO; ?>" width="100%">
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

我试着使用它，但没有工作，我想这只是模态版本。

虽然，它是这样工作的：

$("#myModal").on("hide.bs.modal", function () {
    // put your default event here
});

只需更新答案=）

Answer 2

虽然在另一个堆栈溢出问题中得到了回答，将函数绑定到Twitter引导模式关闭，但对于视觉感受，这里是更详细的答案。

来源：http://getbootstrap.com/javascript/#modals-events

Answer 3

这非常类似于另一篇stackoverflow文章，将函数绑定到Twitter引导模式关闭。假设您正在使用某个版本的Bootstap v3或v4，您可以执行以下操作：

$("#myModal").on("hidden.bs.modal", function () {
    // put your default event here
});