我在另一个图像之上有一个绝对定位的图像。
现在,当我将单击事件绑定到背景中的图像并单击覆盖图像时,单击事件不会像预期的那样冒泡到背景图像。
同时,它确实会进一步上升到底层 div。
<div class="container">
<img src="http://dummyimage.com/600x400/000/fff&text=Background" id="bg" />
<img src="http://dummyimage.com/100x100/ff00ff/000000&text=Overlay" id="overlay" />
</div>
$(function(){
$("#bg").on("click", function(){
alert("Click on background");
});
$("#overlay").on("click", function(){
alert("Click on overlay - should bubble to background and container");
});
$(".container").on("click", function(){
alert("Click on either overlay or background which bubbled through to the container");
});
});
jsfiddle在这里:http: //jsfiddle.net/V9dkD/2/
我真的不明白为什么会这样。
如何在不更改 html 结构的情况下使顶部图像的点击冒泡到背景图像?