javascript - 当失去对 bootstrap-modal 的关注时触发事件

Question

我有一个 Twitter Bootstrap 模式，它是我用数据标签创建的，所以没有实际的 javascript。
当我在模式对话框外单击时(在灰色区域)，它会关闭，但我想确保清除其中的字段。 我像这样用 jQuery 试了一下:

$('#modal-form > .modal-dialog').on('blur', function(){
    Utils.clearFields();
});

可是匿名函数我从来不进来，我是不是绑定(bind)错了事件？还是我使用了错误的选择器(我也尝试过使用“$('#modal-form')”)？

非常感谢对此的任何帮助。

谢谢

Answer 1

2.3.2及以下版本

对于版本 Bootstrap 2.3.2 及更低版本，需要将事件处理程序置于隐藏

$('#modal-form > .modal-dialog').on('hide', function(){
    Utils.clearFields();
});

如果 #modal-form 应用了模态数据属性，则选择器也需要修改:

$('#modal-form').on('hide', function(){
    Utils.clearFields();
});

文档 http://getbootstrap.com/2.3.2/javascript.html#modals

---

版本 3.0

对于版本 Bootstrap 3.0 版本，事件处理程序需要放在 hide.bs.modal 上:

$("#modal-form").on("hide.bs.modal", function(){
   alert("hiding");
});

3.0 版 fiddle : http://jsfiddle.net/9u5MQ/

3.0 版文档: http://getbootstrap.com/javascript/#modals