如何防止点击“#”链接跳转到页面顶部?

我目前使用jQuery的<a>标签来启动像点击事件等事情。

例如<a href="#" class="someclass">Text</a>

但我讨厌“#”使页面跳转到页面顶部。我能做什么呢?

当前回答

您可以使用event.preventDefault()来避免这种情况。更多信息请点击:http://api.jquery.com/event.preventDefault/。

其他回答

在#之后添加内容将页面的焦点设置为具有该ID的元素。最简单的解决方案是使用#/，即使你使用的是jQuery。但是如果你在jQuery中处理事件，event. preventdefault()是可行的方法。

<a href="#! "">链接</a>和<a href="#/">链接</a>不工作，如果一个人必须点击相同的输入不止一次。它只需要在多个输入上进行1次事件单击。

最好的方法仍然是使用<a href="#">Link</a>

然后,

event.preventDefault();

您可以使用#0作为href，因为0不允许作为id，所以页面不会跳转。

<a href="#0" class="someclass">Text</a>

你也可以在处理jquery后返回false。

Eg.

$(".clickableAnchor").live(
    "click",
    function(){
        //your code
        return false; //<- prevents redirect to href address
    }
);

你可以只传递一个没有href属性的锚标记，并使用jQuery来执行所需的操作:

< class = " foo " > < / >的酒吧

推荐文章