将函数绑定到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

上一篇: Bind a function to Twitter Bootstrap Modal Close

下一篇: Show/Hide with Hide On Click Anywhere