Bootstrap Modal 如何清除已定义的事件
来源:互联网 发布:mac电脑qq远程在哪儿 编辑:程序博客网 时间:2024/04/28 17:35
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
方法调用之后立即触发该事件。如果是通过点击某个作为触发器的元素,则此元素可以通过事件的 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');
1 2
- Bootstrap Modal 如何清除已定义的事件
- bootstrap modal 弹窗 数据清除
- Bootstrap- Modal对话框如何在关闭时触发事件
- Bootstrap- Modal对话框如何在关闭时触发事件
- Bootstrap- Modal对话框如何在关闭时触发事件
- Bootstrap- Modal对话框如何在关闭时触发事件
- Bootstrap- Modal对话框如何在关闭时触发事件
- 解决Bootstrap modal 事件监听多次的BUG
- 关于bootstrap的modal
- bootstrap关闭modal后,如何清空modal里的bootstrapValidator的校验痕迹
- 如何使用Bootstrap的modal组件自定义alert,confirm和modal对话框
- 如何获取BootStrap Modal中按钮的值,How to catch value from buttons in BootStrap Modal
- Bootstrap Modal关闭,开启时触发事件
- Bootstrap的Modal源码学习
- bootstrap-如何在modal中使用collapse
- Bootstrap modal
- Bootstrap-Modal
- BootStrap Modal
- swift添加navigationcontroller
- Android开发相关的Blog推荐——跟随大神的脚步才能成长为大神
- MYSQL创建一个function用来计算经纬度距离
- 清除服务器缓存
- CentOS 7.0 安装 lxml
- Bootstrap Modal 如何清除已定义的事件
- 初识RecyclerView
- VirtualBox 四种网络连接
- 静态表查找--顺序表的查找(无序)
- ListView绑定适配器出现数组越界问题
- 单例模式
- Android中Activity继承思想
- 正则表达式2
- FrescoSupport使用说明