为什么 JQuery 单页导航 ChangeHash 值不起作用？

Question

我的单页导航网站似乎有问题。当我按下按键甚至向下滚动时，链接不会改变。我做错了什么？我发布了一个视频来解决我遇到的问题。

Answer 1

因此，在查看现有代码时，您有两种选择。您可以使用 bootstrap javascript, or jquery.nav 获得此功能，我认为您正在尝试使用 。无论如何，我都会给出两者的示例用法。

Bootstrap

$('body').scrollspy({ target: '#navbar-example' });

其中 #navbar-example 是任何 Bootstrap .nav 组件的父元素的 ID 或 class。

$('#nav').onePageNav({
    changeHash: true,
    scrollSpeed: 750,
});

如果您查看您的代码，第一行的等价物是不正确的（您有 $('#nav').onePageNav();）。

当应用 class .current 时，您还需要定位导航栏 <li> 标签：

.navbar-default .navbar-nav > li.current > a {
    color:#333;
}

Demo fiddle。我使用 class navbar-fixed-top 修复了导航栏，所以它更明显。