如果你想使用一个锚，你可以像其他答案一样使用http://api.jquery.com/event.preventDefault/。

您还可以使用任何其他元素，如span，并将单击事件附加到它。

$("span.clickable").click(function(){
alert('Yeah I was clicked');
});

如果你想要迁移到同一页面上的锚节，而不需要页面跳转，请使用:

只要用“#/”而不是“#” 如

<a href="#/home">Home</a>
<a href="#/about">About</a>
<a href="#/contact">contact</a> page will not jump up on click..

我总是用:

<a href="#?">Some text</a>

当试图阻止页面跳转时。不确定这是否是最好的，但它似乎已经工作了很多年。

有4种类似的方法可以防止页面在不使用JavaScript的情况下跳转到顶部:

选项1:

<a href="#0">Link</a>

选项2:

<a href="#!">Link</a>

选项3:

<a href="#/">Link</a>

选项4(不推荐):

<a href="javascript:void(0);">Link</a>

但是如果你在jQuery中处理点击事件，最好使用event. preventdefault()。

只使用

<a href="javascript:;" class="someclass">Text</a>

JQUERY

$('.someclass').click(function(e) { alert("action here"); }

这是旧的，但是。以防有人在搜索中发现这个。

只要使用“#/”而不是“#”，页面就不会跳转。