我列出了多个 div,如下所示:
<div class="msg-list clearfix" id="27705">
<div class="thumbnail_image">
<a href="some_path">AnchorText</a>
</div>
<div class="msg-date">DATA</div>
</div>
我试图捕获父 div 的点击事件,但是当点击 href 元素时,我的点击事件也会被触发,而不是仅仅跟随点击的链接。
这是我的 jquery 调用:
//$(".msg-list a").click(function(e) {
$(".msg-list").click(function(e) {
e.stopPropagation();
alert("Handler for .click() called.");
});
知道我错过了什么吗?
最佳答案
尝试:
$(".msg-list").on('click', function(e) {
alert("div handler");
return false;
});
$(".msg-list a").on('click', function(e) {
alert("a handler");
e.stopPropagation();
});
这是你想要的吗? http://jsfiddle.net/L5kC4/2
关于javascript - stopPropagation 不适用于嵌套 href 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17643422/