Question

On my website I use jQuery to hook the events of elements, namely hyperlinks. As these hyperlinks only perform actions on the current page, and do not lead anywhere, I have been putting a href attribute of ‘#’ in:

<a href='#'>My Link</a> 

However in some browsers this causes the page to scroll right to top which is obviously undesirable behaviour. I’ve tried using a blank href value, or not including one, but then the mouse does not change to the hand cursor upon hovering.

What should I put in there?

Answer 1

$('a').click(function (event)  {       event.preventDefault();       //here you can also do all sort of things  }); 

Then you can put in every href whatever you want and jQuery will trigger the preventDefault() method and you will not be redirected to that place.