【问题标题】：Why isn't JQuery One Page Navigation ChangeHash value not working?为什么 JQuery One Page Navigation ChangeHash 值不起作用？
【发布时间】：2015-07-05 05:41:29
【问题描述】：

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

https://www.youtube.com/watch?v=yK_tjT536bA

【问题讨论】：

供将来参考，虽然视频可以更清楚地说明问题所在和思考过程，但大多数人不会费心观看，因此包含少量代码也是很重要。只是一个提示:)
@enigma 是的好主意 :)

标签： html css jquery-ui user-interface twitter-bootstrap-3

【解决方案1】：

因此，在查看现有代码时，您有两种选择。您可以使用bootstrap javascript 或jquery.nav 获得此功能，我认为您正在尝试使用该功能。不管怎样，我都会举例说明两者的用法。

引导

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

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

jquery.nav

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

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

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

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

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

【讨论】：

@engima 不错，但是它仍然无法正常工作。当我按住向上箭头键和向下箭头键时，它不会生效。
@RawadMerhi 啊，我确定就是这样。当您使用滚动条滚动时它是否有效？如果您在使用它们滚动后放开箭头键一段时间？可以用一些代码来尝试 tbh...
不，我的css代码在这里不起作用：.navbar-default .navbar-nav > li > a:hover{ color: #333; } .navbar-default .navbar-nav > li > a:active{ color:#333; }
@RawadMerhi 你能把你的代码放到这里jsfiddle.net，按保存，然后给我链接吗？我会整理图书馆和东西
让我们continue this discussion in chat。