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 
    } 
});