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

时间:2013-10-03 08:51:18

标签: javascript jquery twitter-bootstrap

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

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

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

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

由于

1 个答案:

答案 0 :(得分:5)

版本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版

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

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

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

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