jquery Prevent to call function

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>

When I click on the div that has a class="content" my code calls function. When I click on Read More the function is called and after that the new page opens. I need not to call the function, only open the href.

Roko C. Buljan · Accepted Answer · 2013-05-01 13:13:23Z

5

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

events like click bubble to ancestor elements. To prevent that event bubble further than your a element ... read this: http://api.jquery.com/event.stopPropagation/

edited May 1, 2013 at 13:13

answered May 1, 2013 at 13:03

Roko C. Buljan

209k41 gold badges335 silver badges346 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

palaѕн · Accepted Answer · 2013-05-01 13:06:12Z

1

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

answered May 1, 2013 at 13:06

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

Collectives™ on Stack Overflow

jquery Prevent to call function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related