jquery阻止调用函数

Question

<div class="content">
    <div style="background:url(...jpg) no-repeat #01AEF0;" class="slide-small">
       <div><strong>Title</strong></div>
        <div class="read_more"><a class="t_10" href="http://example.com/">Read More</a></div>
     </div> 
</div>

当我点击具有div我的代码调用功能的class="content"时。当我点击Read More时，会调用该函数，然后打开新页面。我不需要调用该函数，只需打开href。

Answer 1

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

events喜欢click向祖先元素冒泡。为了防止该事件冒泡比a元素更进一步......请阅读：http://api.jquery.com/event.stopPropagation/

Answer 2

$('div.content').click(function(e){
   if(e.target === this) {
        // Only then call your function
   }
});