模态隐藏动作未被触发

Question

我想像这样使用the Hidden event on modals：

<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

我在这里遗漏了什么吗？我从官方的bootstrap文档和this question获得了代码，但是我不知道为什么它不能触发事件。

Answer 1

我认为你应该在更近的按钮中使用data-dismiss属性：

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

我在w3Schools编辑器上试过它并执行了。