JQUERY

首页 -  JQUERY  -  Bootstrap Modal 如何清除已定义的事件

Bootstrap Modal 如何清除已定义的事件

1 bootstrap 如何设置钩子事件



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');
(0)
分享:

本文由:xiaoshu168 作者:xiaoshu发表,转载请注明来源!

标签:

相关阅读