如何防止点击“＃”链接跳至页面顶部？

Question

我目前<a>在jQuery中使用标签来启动诸如点击事件之类的事情。例子是 <a href="#" class="someclass">Text</a>但是我讨厌'＃'如何使页面跳到页面顶部。我该怎么办？

Answer 1

在jQuery中，当您处理click事件时， 返回false可阻止链接以通常的方式响应防止发生默认操作（访问href属性）（根据PoweRoy的评论和Erik的回答）：

$('a.someclass').click(function(e)

{

    // Special stuff to do when this link is clicked...

    // Cancel the default action

    e.preventDefault();

});

Answer 2

解决方案1 ：（普通）

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

解决方案2 ：（需要javascript）

<a href="javascript:void(0);" class="someclass">Text</a>

解决方案＃3 ：（需要jQuery）

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

<script>

$('a.someclass').click(function(e) {

    e.preventDefault();

});

</script>