更改导航链接的样式 - 包括下一个和上一个按钮

Question

我目前正在为一家丹麦公司开发一个网站。 内容全部在一页中，并且我包含了一些 jQuery 滚动之类的内容。 效果很好！

对于菜单，我被要求对元素进行编程，以便活动元素为粗体。 我也这么做过。

问题来了：
客户想要一个主页按钮以及下一个和上一个按钮。 但是，当我单击它们并且页面滚动时，活动元素的 CSS 类不会更改 - 因此菜单中的粗体元素仍然是最后单击的页面。

我希望任何人都可以提供帮助。

该页面可以在以下位置查看： http://vedelform.dk/new/intro/

Answer 1

除了调用serialscroll插件之外，图像的事件处理程序还需要更新导航链接上适当的类名称。 当您直接单击导航链接时，您会调用changeActiveStates 函数，但主页、下一个和上一个按钮不会发生这种情况。

您应该使用serialScroll插件的onBefore属性来定义一个方法，该方法将确定哪个导航链接应该接收类名。 然后它可以调用changeActiveStates函数。

看起来不需要多几行代码就可以解决您的问题。 如果您需要更多帮助使其正常工作，请告诉我。

---

编辑：

如果您添加此内容（从 init.js 的第 84 行开始），您应该开始工作：

easing: 'swing',
onBefore:function(e, elem, $pane, $items, pos){
    if ((pos >= 0)&&(pos < $('ul.navigation > li > a').size())) changeActiveStates($('ul.navigation > li > a').get(pos));
    return true;
}

然后您将需要在页面加载时调用changeActiveStates（可能在初始化函数之后）以初始化正确的菜单项。

我希望这会有所帮助； 如果这给您带来更多麻烦，请告诉我。

Answer 2

您使用了缩小版本的脚本，因此很难调试代码。 您也没有向我们提供您使用的插件的名称。 我认为插件中有一个错误。 因为 css 类“selected”会从一个菜单项跳转到另一个菜单项。

Answer 3

@杰森·弗朗西斯：
你也许是对的。 我对 jQuery 和 Javascript 不太感兴趣，到目前为止我所做的更多是运气而不是知识。 我做了很多尝试和错误。
我明白你所说的让serialScroll插件找出调用changeActiveStates的元素 - 但我真的不知道该怎么做。