page jumping around on click after javascript execution

Question

I have a javascript (jquery) snippet that is link to a href="#" to toggle the click.. everything is fine exept when i click around the page is going back all scrooled up... i prefer the page to stay where it is... return false done nothing...

here is the code :

<script type="text/javascript"> 
 jQuery(document).ready(function(){
  jQuery('#social li').click(function(){
   button = jQuery(this).attr('class');
   switch (button)
    { 
    case 'social1' : 
    jQuery('#facebookbox').show(); 
    jQuery('#twitterbox').hide();
    jQuery('.social1 a').addClass('selected');
    jQuery('.social2 a').removeClass('selected');
    break;

    case 'social2' : 
    jQuery('#facebookbox').hide(); 
    jQuery('#twitterbox').show(); 
    jQuery('.social2 a').addClass('selected');
    jQuery('.social1 a').removeClass('selected');
    break;
    }
  });
}); 
</script>

href="#" links to the top of the page, so naturally, it scrolls the page all the way up. However, returning false from the onclick handler should prevent the browser from actually following the link. Maybe post some code? — tdammers
– tdammers, Commented Sep 8, 2010 at 10:42

Stephan Muller · Accepted Answer · 2010-09-08 11:03:43Z

2

Make it link to a non-existent anchor, like href="#_"

answered Sep 8, 2010 at 11:03

Stephan Muller

27.7k18 gold badges88 silver badges127 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Liggi · Accepted Answer · 2010-09-08 11:13:50Z

0

You can set the href as href="javascript:void(0)". That should prevent it from jumping around. Make sure to return false in the onclick event otherwise you may have problems in IE6.

answered Sep 8, 2010 at 11:13

Liggi

7448 silver badges22 bronze badges

2 Comments

menardmam Over a year ago

i did not know WHERE to put return false; have try something... did not work

Liggi Over a year ago

Your link would look like this: <a href="javascript:void(0)" onclick="Function(); return false;">Hello world</a>. EDIT: Sorry, I've just noticed you are doing it differently. Put "return false" at the end of the anonymous click function. jQuery might actually already handle this for you, I'm not 100% sure. In your example code "return false" would come after your switch statement.

Collectives™ on Stack Overflow

page jumping around on click after javascript execution

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related