CODEWITHSUNDEEP
jqueryeventsclickpreventdefault
Benoit R
Benoit R

Reputation: 428

Prevent href from opening link but still execute other bind events

I want to prevent links from opening pages. So I have written this :

$("a").click(function(e) {
    e.preventDefault()
}

which is great! But this blocks my other event :

$(".toolbar a").click(function(e) {
    ...action...
}

Sure I can add my action to the first event with some test, but is there an elegant way to prevent only href event from executing?

EDIT

In fact it works, sorry. See @raina77ow fiddle working here: http://jsfiddle.net/HeFS6/

Upvotes: 30

Views: 60646

Answers (3)

Matt C
Matt C

Reputation: 903

In place of e.preventDefault(), have you tried return false? This should also prevent browser default behaviour.

Upvotes: 1

Erick Petrucelli
Erick Petrucelli

Reputation: 14902

Use return false instead. You can see the code below working here.

​$("a").click(function() {
    return false;
});

$(".toolbar a").click(function() {
    alert("Do something");
});​

As pointed by @raina77ow with this article, using return false is the same as calling event.preventDefault() and also event.stopPropagation(). As I had troubles without return false on some codes in the past, I always suggest it.

But the most importante thing here is the bind order: your last bind will be your first executed code. So, take care about it and go.

Upvotes: 35

Hazem Salama
Hazem Salama

Reputation: 15111

There is no href event. That is what you'd end up with if prevent default on click. You should just use more specific selectors.

Upvotes: 0

Related Questions