关于bootstrap模态框的初始化事件

最近在做模态框，用的bootstrap modal .

由于打开的时候要传值，所以，把modal的初始绑定事件写在了“打开模态框事件”中。

结果，就是换了条件打开触发该事件的时候，始终调用的第一次打开时候绑定的参数。

详细查过之后，需要在打开的时候，销毁上次的初始化事件。

$('#detailModal').off().on('show','hidden.bs.modal');

1 bootstrap 如何设置钩子事件  --------  http://v3.bootcss.com/javascript/#modals-events

事件

Bootstrap 的模态框类提供了一些事件用于监听并执行你自己的代码。

All modal events are fired at the modal itself (i.e. at the <div class="modal">).

事件类型描述show.bs.modalshow 方法调用之后立即触发该事件。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的 relatedTarget 属性进行访问。shown.bs.modal此事件在模态框已经显示出来（并且同时在 CSS 过渡效果完成）之后被触发。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的 relatedTarget 属性进行访问。hide.bs.modalhide 方法调用之后立即触发该事件。hidden.bs.modal此事件在模态框被隐藏（并且同时在 CSS 过渡效果完成）之后被触发。loaded.bs.modal从远端的数据源加载完数据之后触发该事件。

复制

$('#myModal').on('hidden.bs.modal', function (e) {  // do something...})

//设置模态框隐藏事件钩子$( '#settingModal' ).on( 'hidden.bs.modal' ,function(e){    cleanInputDatas();});//隐藏模态框$( '#settingModal' ).modal( 'hide' );

2  如何在消除已存在钩子事件的动作

    因采用jquery.on() 方式绑定钩子事件  所以我们要用jquery 的 .off()方式去移除掉已经绑定事件的操作

$( '#settingModal' ).off().on( 'hidden', 'hidden.bs.modal');