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

Question

我创建了一个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
});

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

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