请教关于jquery阻止冒泡的问题？
问题描述
如图，我有一个弹窗想点击除轮播区域外的地方关闭弹窗，点击切换按钮实现切换图片
代码如下
$('.cut-model').bind('click',function(e){ $(this).hide();//点击空白区域关闭弹窗})$('.round').bind('click',function(e){ e.stopPropagation();//点击切换按钮阻止冒泡})
然而。。。。并没有成功，点击切换按钮时弹窗仍然关闭，请教各位大神是什么原因，我写的不对吗？谢谢
问题解答
回答1：请教关于jquery阻止冒泡的问题？-PHP中文网问答-请教关于jquery阻止冒泡的问题？-PHP中文网问答
围观一下哦，学习一下。
回答2：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="jquery.min.js"></script> <style>.over-lay{ width: 300px; height: 300px; position: absolute; left:50px; top:50px; background-color: rgba(235,235,235,0.5);}.over-lay.hide{ display: none;}.content{ background-color: green; width: calc(100% - 60px); height: calc(100% - 0px); border-radius: 10px; position: absolute; left: 30px; top: 0px;}.back-button,.forward-button{ width: 30px; height: 30px; position: absolute; top:calc(50% - 15px); left:0px; background-color: red; font-size: 12px;}.forward-button{ right:0px; left:auto;} </style> <script>$(function(){ $(".over-lay").on("click",".back-button,.forward-button",function(event){ console.log("不关闭overlay");event.stopPropagation();//阻止冒泡到.over-lay }); $(".over-lay").on("click",function(event){console.log("关闭overlay");$(this).addClass("hide"); });}); </script></head><body><div> <div class="back-button">后退</div> <div></div> <div class="forward-button">前进</div></div></body></html>
相关文章：
1. PHP中的$this代表当前的类还是方法？2. 鼠标过导航标签时，无效果，请问如何查找问题3. javascript - avalon.js ms-on 事件绑定无效 ?4. javascript - vue2.0中使用vue2-dropzone的demo，vue2-dropzone的github网址是什么？？百度不到。5. css3 - rem布局下，用户浏览器的最小字号是12px怎么办？6. IOS app应用软件的id号怎么查询？比如百度贴吧的app-id=4779278137. css - flex换行后如何设置行距？（direction:row+warp:warp）8. html - 这种错位的时间轴怎么布局，然后用css实现？9. angular.js - 用angularjs的service封装百度地图api出错，请问原因？10. html5 - 目前 公司App 嵌入H5页面 做个 手机支付功能 没有做过 所以 请求各位有经验的 给个思路
网公网安备