Bootstrap Modal 如何清除已定义的事件
2015-12-09 15:55
603 查看
1 bootstrap 如何设置钩子事件 -------- http://v3.bootcss.com/javascript/#modals-events
Bootstrap 的模态框类提供了一些事件用于监听并执行你自己的代码。
All modal events are fired at the modal itself (i.e. at the
复制
2 如何在消除已存在钩子事件的动作
因采用jquery .on() 方式绑定钩子事件 所以我们要用jquery 的 .off()
方式去移除掉已经绑定事件的操作
事件
Bootstrap 的模态框类提供了一些事件用于监听并执行你自己的代码。All modal events are fired at the modal itself (i.e. at the
<div class="modal">).
事件类型 | 描述 |
---|---|
show.bs.modal | show方法调用之后立即触发该事件。如果是通过点击某个作为触发器的元素,则此元素可以通过事件的 relatedTarget属性进行访问。 |
shown.bs.modal | 此事件在模态框已经显示出来(并且同时在 CSS 过渡效果完成)之后被触发。如果是通过点击某个作为触发器的元素,则此元素可以通过事件的 relatedTarget属性进行访问。 |
hide.bs.modal | hide方法调用之后立即触发该事件。 |
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');
相关文章推荐
- bootstrap-tab切换
- Bootstrap中的段落和强调内容
- bootstrap 轮播
- 完美实现bootstrap分页查询
- bootstrap+css进行页面布局
- 完美实现bootstrap分页查询
- 跨平台前端框架学习——bootstrap,jquery,angular
- bootstrap的图标无法正常显示解决方法
- Blending, Bootstrap
- bootstrap-table插件数据加载方式
- Bootstrap提供了六种列表效果
- bootstrap 点击图片弹出大图
- JS表格组件神器bootstrap table详解(基础版)
- JS组件Bootstrap Table表格多行拖拽效果实现代码
- JS组件Bootstrap Table表格行拖拽效果实现代码
- bootstrap初识
- JS组件Bootstrap实现弹出框和提示框效果代码
- JS组件Bootstrap实现弹出框和提示框效果代码
- JS组件Bootstrap Table表格行拖拽效果实现代码
- JS组件Bootstrap Table表格多行拖拽效果实现代码