jquery - 禁用父 jquery 上的点击事件

Question

我有一个用 PHP 和 jQuery 开发的网站。 我在绝对位置的另一个图像上有一个图像。 小图像有事件点击，其父级有另一个事件点击。但是当我点击小图片时，我不希望父事件被触发 例子:

如果我点击“ok”图像，父级触发事件点击，我有两个 Action ，一个来自“ok”图像，另一个来自父级。

我试过这种模式:

$(document).on('click','.social-like',function(event){
   //click on "ok" image
   event.preventDefault();
});
$(document).on('click','.block-shirt',function(){
  //click on rectangle
});

CSS:

.block-shirt{
    float:left;
    width:133px;
    height:170px;
}
.tee{
    position:absolute;
    top:0;
    left:15px;
    margin-top:5px;
    width:103px;
    z-index:5;
}
.social-like{
    position:absolute;
    bottom:10px;
    right:20px;
    z-index:10;
    width:24px;
    height:32px;
}

HTML:

<div class="block-shirt">
   <img src="rectangle.png" class="tee"/>
   <div class="social-like"></div>
</div>

Answer 1

使用

$('.block-shirt').click(function(e){
  if ($(e.target).is('.social-like'))
        return false; // do what you want
  else
        //.block-shirt clicked code

来自:http://forum.jquery.com/topic/click-events-on-absolute-positioned-elements

http://api.jquery.com/event.target/