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へのバブルのように。そのイベントのバブルを要素よりも先に防ぐには...これを読んでください：http://api.jquery.com/event.stopPropagation/a

Answer 2

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