#/技巧有效，但会向浏览器添加一个历史事件。因此，点击返回并不能像用户希望的那样工作。

美元(的身体)。(“点击”,“(href = " # "],函数(e) {e.preventDefault ()});是我去的方式，因为它适用于已经存在的内容，以及加载后添加到DOM的任何元素。

具体来说，我需要在.btn-group(Reference)中的引导下拉菜单中做到这一点，所以我做了:

美元(的身体)。('点击','。下拉菜单li a[href="#"]'， function(e) {e.f preventdefault ()});

这样它是有针对性的，并且不会影响页面上的任何其他内容。

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

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

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

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

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

在jQuery中，当你处理点击事件时，返回false以阻止链接响应通常的方式阻止默认操作，即访问href属性，从发生(根据PoweRoy的评论和Erik的回答):

$('a.someclass').click(function(e)
{
    // Special stuff to do when this link is clicked...

    // Cancel the default action
    e.preventDefault();
});

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

Eg.

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

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