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

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

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

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

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

为了防止页面跳转，你需要调用e.s stoppropagation ();在调用e.b epreventdefault()之后:

stopPropagation阻止事件沿着DOM树向上移动。更多信息请访问:https://api.jquery.com/event.stoppropagation/

有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()。

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

如果元素没有有意义的href值，那么它就不是真正的链接，那么为什么不使用其他元素呢?

正如Neothor所建议的那样，如果样式正确，span将作为一个可以点击的项目而显而易见。你甚至可以附加一个悬停事件，让元素在用户鼠标移动时“亮起”。

然而，话虽如此，你可能想要重新考虑你的网站的设计，这样它就可以在没有javascript的情况下运行，但在有javascript时可以通过javascript进行增强。