jQuery hyperlinks - href value

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    lt a href     gt My Link lt  a gt    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

User · Answer

Why use a  lt a href gt   I solve it like this    lt span class  a  gt fake link lt  span gt   And style it with     a  text-decoration underline  cursor pointer     You can easily access it with jQuery       a   click

User · Answer

Those  anchors  that exist solely to provide a click event  but do not actually link to other content  should really be button elements because that s what they really are   It can be styled like so    lt button style  border none  background transparent  cursor  pointer   gt Click me lt  button gt    And of course click events can be attached to buttons without worry of the browser jumping to the top  and without adding extraneous javascript such as onclick  return false   or event preventDefault

User · Answer

I know this is old but wow  there s such an easy solution   remove the  href  entirely and just add a class that does the following    no-href   cursor pointer      And that s it

User · Answer

lt a href   nogo  gt My Link lt  a gt

User · Answer

Add return false to the end of your click handler  this prevents the browser default handler occurring which attempts to redirect the page      a   click function        do stuff return false

User · Answer

Wonder why nobody said it here earlier  to prevent  lt a href     gt  from scrolling document position to the top  simply use  lt a href      gt  instead  That s mere HTML  no JQuery needed  Using event preventDefault    is just too much

User · Answer

you shoud use  lt a href  javascript void 0    gt  lt  a gt   instead of  lt a href      gt  lt  a gt

User · Answer

You should really put a real link in there  I don t want to sound like a pedant  but that s a fairly bad habit to get into  JQuery and Ajax should always be the last thing you implement  If you have a link that goes no-where  you re not doing it right    I m not busting your balls  I mean that with all the best intention

User · Answer

using jquery  you may want to get only to those with a         a href      click function   return false       if you use the newest jquery  1 3 x   there s no need to bind it again when the page changes       a href      live  click   function   return false

User · Answer

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

User · Answer

I almost had this problem and it was very deceiving  I am providing an answer in case someone winds up in my same position    I thought I had this problem But  I was using return false and javascript void 0   Then a distinct difference in problem kept surfacing  I realized it s not going ALL the way to the top - and my problem zone was near the bottom of the page so this jump was strange and annoying  I realized I was using fadeIn    jQuery library   which for a short time my content was display none And then my content extended the reach of the page  Causing what looks like a jump  Using visibility hidden toggles now      Hope this helps the person stuck with jumps

User · Answer

Instead you can simply have the href like below    lt a href  javascript    gt My Link lt  a gt    It will not scroll to the top

[jquery] jQuery hyperlinks - href value?

Examples related to jquery

Examples related to hyperlink

Examples related to href