将函数绑定到Twitter Bootstrap模式关闭
我在一个新项目上使用Twitter Bootstrap lib,我希望页面的一部分能够在模式关闭时刷新和检索最新的json数据。 我没有看到在文档中的任何地方可以有人指出我或建议的解决方案。
使用记录的方法有两个问题
$('#my-modal').bind('hide', function () {
// do something ...
});
我已经为模式附加了一个“隐藏”类,所以它不会在页面加载时显示,因此会加载两次
即使我删除隐藏类并设置元素ID display:none
并添加console.log("THE MODAL CLOSED");
到上面的功能时,我碰到什么都没有发生。
Bootstrap 3
$('#myModal').on('hidden.bs.modal', function () {
// do something…
})
请参阅getbootstrap.com/javascript/#modals-events
Bootstrap 2.3.2
$('#myModal').on('hidden', function () {
// do something…
})
请参阅getbootstrap.com/2.3.2/javascript.html#modals→事件
对于Bootstrap v3.0,你只需要绑定一个像这样的事件:
$('#my-modal').on('hidden.bs.modal', function () {
window.alert('hidden event fired!');
});
请参阅文档中的模式使用部分:
http://getbootstrap.com/javascript/#modals-usage
看到这个JsFiddle的一个工作示例:
http://jsfiddle.net/kRLQ4/439/
启动引导程序3 ( 编辑:在引导程序4中仍然是相同的)有2个实例可以引发事件,其中:
1. 模态“隐藏”事件开始时
$('#myModal').on('hide.bs.modal', function () {
console.log('Fired at start of hide event!');
});
2. 模态“隐藏”事件完成时
$('#myModal').on('hidden.bs.modal', function () {
console.log('Fired when hide event has finished!');
});
参考:http://getbootstrap.com/javascript/#js-events
链接地址: http://www.djcxy.com/p/83953.html