附上带有(有点)关闭按钮(红色)模型的页眉。当我点击关闭按钮(与标题重叠的区域)时 - 没有任何反应。您能否就有关该主题的正确解决方案提出建议?
HTML:
<div id="my_body" style="background:rgba(0, 0, 0, 0.6);padding:10px;">
<div id="cls_btn" style="position:absolute;left:0px;top:0px;height:50px;width:50px;background-color:red;"> </div>
<div id="my_header" style="position:relative;padding:14px 26px 26px"> </div>
<div id="pic_area" style="border:2px solid #b3b3b3;margin-top:10px">
<img id="pic" src="http://never.mind.which.pic.com" >
</div>
</div>
JS:
$("#cls_btn").bind("click", function() {
alert("clicked!");
return true;
});
JSFiddle:http://jsfiddle.net/JuGx9/
谢谢!
最佳答案
这个元素 ( <div id="my_header" style="position:relative;padding:14px 26px 26px"> </div>
) 似乎占据了相同的空间并且正在处理点击事件,而不是 #cls_btn
分区应用 z-index
值为 999
的 CSS 属性解决了这个问题。
关于javascript - 为什么点击事件没有传播?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9160364/