jquery - 与 jquery Slidetoggle 一起使用时，带有 href ="#"的链接将页面滚动到顶部

Question

Possible Duplicate:
How do I stop a web page from scrolling to the top when a link is clicked that triggers javascript?

我正在使用jquery的slidetoggle来显示/隐藏div。 控制滑动的元素是一个文本链接(<\a>内的一些文本) 其中有 href="#"，因此它看起来像一个链接(下划线，光标更改)。

问题在于，点击链接时，除了滑动效果之外， 页面滚动到顶部。

我尝试用 href=""替换 href="#"但这会禁用 div 显示/隐藏效果。 我想我可以添加到标签 Name="somename"，然后将 href 设置为 href="#somename" 但我宁愿不使用这样的技巧。

为什么 href="#"将页面滚动到顶部？

任何想法都将受到高度赞赏

Answer 1

几个选项:

1. 将 return false; 放在点击处理程序的底部，这样 href 就不会被跟随。
2. 将 href 更改为 javascript:void(0);

3. 在处理程序中的事件上调用 preventDefault:

   function( e ) {
     e.preventDefault();
     // your event handling code
   }