模态隐藏动作没有被触发答案

【问题标题】：Modal hidden action is not being triggered模态隐藏动作没有被触发
【发布时间】：2017-05-10 07:54:00
【问题描述】：

<div class="modal fade" id="modalthing" role="dialog">
    <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
           <div class="modal-header">
              <div class="modal-body">
              <form>
               //etc
              </form>
              </div>
           </div>
        </div>
    </div>
</div>

我的 javascript 是：

$('#modalthing').on('hidden.bs.modal', function (e) {
    console.log('test');
})

但我的代码只是在执行 console.log

我在这里遗漏了什么吗？我从官方引导文档和this question 中获得了代码，但我一生都无法弄清楚为什么它没有触发事件。

【问题讨论】：

您的页面上是否加载了 bootstrap.js？
@Mokkun 是的。我的模式打开和关闭，但没有触发事件。
嗯，您是否尝试将您的函数放入 $(document).ready(function() {});
你在哪里实例化了你的模态？根据this answer，您需要将侦听器放在您关闭它的部分之前。如果不是这样，那么仍然检查那个问题。我相信你会在那里找到答案。
@Chris 模态通过一个按钮打开：<button data-toggle="modal" data-target="#modalthing"> click here</button> 这个按钮在模态之后。

标签： javascript jquery html bootstrap-modal

【解决方案1】：

我认为你应该像这样在关闭按钮中使用 data-dismiss 属性：

<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

我在 w3Schools 编辑器上试了一下，它执行了。

【讨论】：

我有，但它仍然没有触发。