How to change behavior of <a href=“somewhere.html” id=“link”> with jQuery?

Question

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

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

Suppose only $('#link') is accessible,how to do that?

Answer 1

Like this:

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

By writing return false, the link will not be followed.

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

Answer 2

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

This will alert "clicked" and then cancel the default action. If Javascript is disabled, the link is followed.

Answer 3

Use the click function. Add return false to the end of your function to prevent the default action of the click, which is following the hyperlink:

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