jquery点击一个孩子忽略父点击

Question

可能的重复：
防止单击事件影响父 jquery

我有一个类似于这样的 DOM 结构：

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

   </div>
</div>

我有以下 jQuery：

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

当.child点击我不希望家长躲，但显然因为.child是孩子.parent这自然会发生。我试过添加这个：

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

但它仍然不起作用。我也试着更换e.stopPropagation同return false;

有什么建议？

JSFiddle

Answer 1

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