jquery 点击子项忽略父项点击

Question

这个问题已经有答案了:

已关闭 11 年前。

Possible Duplicate:
Prevent click event from affecting parent jquery

我有一个与此类似的 DOM 结构:

<div class="parent">
   <div class="child">

   </div>
</div>

我有以下 jQuery:

$('.parent').click(function(){
    $(this).hide();
});

何时 .child被点击我不想让父级隐藏，但显然是因为 .child是.parent的 child 这自然会发生。我尝试添加这个:

$('.child').click(function(e){
    e.stopPropagation();
});

但是还是不行。我也尝试过替换 e.stopPropagation与 return false;

有什么建议吗？

JSFiddle

Answer 1

这绝对有效，请参阅我的 fiddle你的代码。尝试单击绿色 div。如果它在您的网站上不起作用，那么您就会遇到另一个问题。