当失去对bootstrap-modal的关注时的火灾事件

Question

我有一个twitter bootstrap模式,我用数据标签创建,所以没有实际的JavaScript.
当我在模态对话框外面(在灰色区域上)单击时,它会关闭,但我想确保清除其中的字段.我尝试使用jQuery,如下所示:

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

但是我从来没有进入匿名函数,我是否绑定了错误的事件？或者我使用了错误的选择器(我也尝试过"$('#modal-form')")？

对此的任何帮助都非常感谢.

谢谢

Answer 1

版本2.3.2及以下

需要将事件处理程序置于hide版本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

需要hide.bs.modal为版本Bootstrap 3.0版放置事件处理程序:

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

版本3.0小提琴: http ://jsfiddle.net/9u5MQ/

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