Disable and Enable ALL Hyperlinks using JQuery

Question

Hello all,

I have the below which disables all hyperlinks but after an event I want to enable them back all again, how can I do this?

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

I don't think its as simple as just setting it to true. ;)

Thanks all

Answer 1

You want to unbind the event: http://api.jquery.com/unbind/

Answer 2

You should be able to unbind it.

$("a").unbind("click");

Answer 3

Instead of binding your "click" handler that way, do this:

$('a').bind("click.myDisable", function() { return false; });

Then when you want to remove that handler it's easy:

$('a').unbind("click.myDisable");

That way you avoid messing up other stuff that might be bound to "click". If you just unbind "click", you unbind everything bound to that event.

Answer 4

var disableLink = function(){ return false;};
$('a').bind('click', disableLink);

to restore:

$('a').unbind('click', dsiableLink);

Answer 5

you could unbind the click handler:

$('a').unbind('click')

Answer 6

Try this:

// Better to use the live event handler here, performancewise
$('a').live('click', function() {... return false;});

// Now simply kill the binding like this
$('a').die('click');

bye

Answer 7

Binding and unbinding takes some overhead.

A different solution would be to add a class like 'disabled', then use hasClass('disabled') to test and see whether or not it should return 'false'.

$('a').addClass('disabled');

$('a').click(function() {
    if($(this).hasClass('disabled')
        return false;
});

Answer 8

$(function(){


    $.myStopAnchor = function(){
      $stop = true;
    }

    $.myNoStopAnchor = function(){
      $stop = false;
    }

    $.myNoStopAnchor();

    $("a").click(function(ev) { 
       if ($stop){
         ev.stopPropagation()
       }
       return !$stop; 
    });

});