How can I change the behavior of <a href= "https://stackoverflow.com/somewhere.html" id = "link" rel="nofollow noreferrer"> with jQuery?

Question

For those with javascript enabled, click on them to do OnClick ()

For those with javascript disabled click on them, just go to where.html,

Assuming only $ ('# link') is available, how to do this?

+2

omg Sep 18 '09 at 1:44

3 answers

$ ("# link"). bind ("click", function (e) {alert ("clicked"); e.preventDefault (); return false;});

This will trigger "clicked" and then undo the default action. If Javascript is disabled the link will follow.

+2

Marius Sep 18 '09 at 1:48

Use a function click

. Add return false

to the end of your function to prevent the default action of clicking following the hyperlink:

$("#link").click(function() { onClick(); return false; });

+1

Rudd Zwolinski Sep 18 '09 at 1:47

SLaks · Accepted Answer · 2009-09-18T01:49:08+0000

Like this:

$('#link').click(function() { 
    //...
    return false;
});

Once written return false

, the link won't execute.

If Javascript is disabled, no click handler will be added and the link will behave normally.