Cancel functionality in a href

Question

I have a link like

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

And then I have some jQuery:

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

But when I click cancel in the alert box it still goes to www.site.com in stead of doing nothing. How to solve this?

Answer 1

Return the bool from confirm() ?

(Not much of a jQuery wizz, though :) )

Answer 2

Add the return statement:

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

Answer 3

returning bool is the old way to do it but is not the preferred method in every browser and I have had many problems with it these days. jQuery wraps the event object and handles the event canceling for you.

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

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