jquery - 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"我的代码调用功能的那个时。当我点击阅读更多时，该函数被调用，然后新页面打开。我不需要调用该函数，只需打开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
   }
});