javascript执行后点击页面跳转
我有一个 javascript (jquery) 片段，它链接到 href="#" 来切换点击。一切都很好，除了当我在页面上单击时，所有内容都会返回滚动状态...我更喜欢页面停留在原处它是...返回 false 什么也没做...
这是代码：
<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>
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>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
使其链接到不存在的锚点，例如 href="#_"
Make it link to a non-existent anchor, like href="#_"
您可以将 href 设置为 href="javascript:void(0)"。这应该可以防止它跳来跳去。确保在 onclick 事件中返回 false，否则在 IE6 中可能会出现问题。
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.