点击其它地方隐藏div/事件冒泡/sweet-alert阻止冒泡
2016-02-23 16:26
543 查看
点击document时把div隐藏,但点击div时阻止点击事件冒泡到document,从而实现“点击文档其它地方隐藏div,点击div本身不隐藏”。 js代码如下: $("#div").click(function(e){ e.stopPropagation(); }); $(document).click(function(){ $("#div").hide(); }); 实现了点击其它地方隐藏div后遇到了另一个问题。我的div内部使用了bootstrap的tab组件,div的onclick事件阻止冒泡后,tab失效了。原因暂时不明确。 这个时候尝试换一种事件,用mouseDown而不是onclick,实现效果“tab组件正常使用,点击其它地方隐藏div”。 项目用到了sweet-alert组件,点击div内部某个地方,出现sweet-alert弹窗,这个弹窗也需要阻止冒泡,即点击弹窗不隐藏div。但sweet-alert源文件并没有设置是否冒泡的接口,也不知道弹窗在何时渲染完成好添加阻止冒泡的代码。查看源文件后发现在执行函数openModel时弹窗加载完成,分别在defaultParams和availableCustoms
添加stop_propagation属性,默认值设置为false,即默认冒泡,在openModel函数添加参数stop_propagation,在openModel函数体添加判断,代码如下
if(stop_propagation){ $('.sweet-alert').mousedown(function(e){ e.stopPropagation(); }); }
在使用sweet-alert的时候,就可以随意设置冒泡与不冒泡了。实现了点击sweet-alert不隐藏div。
相关文章推荐
- 负载均衡
- Linux语言环境设置
- [转]git fetch 的简单用法:更新远程代码到本地仓库
- MyBatis 插入空值时,需要指定JdbcType
- C++的time_t 和 struct tm 类型【s
- 支持向量机 Support Vector Machine
- Google浏览器Chrome安装失败,错误代码0xa0430721解决办法
- ISE设置默认引脚 ,上拉或下拉或三态
- 韩顺平 javascript教学视频_学习笔记32_仿sohu频道切换效果
- smarty config_dir
- 蓝桥杯第四届预赛1高斯日记
- 解决Android视频播放横竖屏切换播放问题!
- java导出大量的excel
- iOS 面试题 (部分)
- C#递归
- VLC源码分析总结
- android 无法生成R文件
- inline
- 【CSS3】first-of-type选择器
- Thinkphp中的内置标签用法