Cancel functionality in href

Question

I have a link like

<a href="www.site.com"  class="cancel">go there </a>

And then I have jQuery:

$(".cancel").click(function(){
        confirm("sure??");
 });

But when I click cancel in the warning window, it still goes to www.site.com instead of doing nothing. How to solve this?

Answer 1

Add a return statement:

$(".cancel").click(function(){
    return confirm("sure??");
});

Answer 2

return bool is an old way to do this, but is not the preferred method in every browser, and these days I had a lot of problems. jQuery wraps an event object and handles event cancellation for you.

http://docs.jquery.com/Events/jQuery.Event#event.preventDefault.28.29

$(".cancel").click(function(event){
    if (!confirm("Sure??"))
       event.preventDefault();
});

Answer 3

bool ()?

( jQuery wizz, :))

Answer 4

.

event.preventDefault (); is the correct fix. I tried to return false for the click event on the anchor tag, and this will not work, because I called window.location first. By setting event.Default () as the first line in my handler, I could create a window and open it, preventing href from executing.