jquery切换：点击链接跳转回页面顶部

我创建了一个jquery切换，但是当我单击链接打开div时，它将跳转到页面顶部。 我怎样才能解决这个问题？

我知道我可以用其他东西替换链接，但我需要向用户说明它是一个链接，并且他们可以点击它。

Answer 1

添加return false; 单击链接时运行的代码的末尾。

 $('a.myLink').toggle(function() { // run my code return false; }); 

或者，您可以获取event对象，并调用.preventDefault() 。

 $('a.myLink').toggle(function(event) { event.preventDefault(); // run my code }); 

这两种方法都禁用链接的默认行为。

第一个也将阻止事件冒泡，因此只有在您不需要使用事件冒泡时才使用它。

Answer 2

这是因为有一个默认操作与链接，复选框，单选按钮等元素相关联。您可以这样取消它：

 $('a.mylink').click(function(ev) { // Pass in the event object to your function // do stuff ev.preventDefault(); return false; }); 

更多信息请访问： http ： //api.jquery.com/event.preventDefault/

在极少数情况下将事件处理程序附加到链接的子级，您还需要使用event.stopPropagation()来阻止事件冒泡DOM。