无法使Scrollspy Bootstrap工作

时间:2012-09-13 01:47:46

标签: jquery-plugins twitter-bootstrap scroll

我正在设计单页网站,并希望固定的导航链接在用户滚动到指定位置时更改颜色。看起来很容易做到,我觉得这很容易做到,但是我遇到了问题。

我只下载了Scrollspy JS插件,因为我没有使用Twitter Bootstrap CSS。我只需要Scrollspy插件。

你能检查一下这个jsFiddle并提供一些指导吗?我已经查看了文档here,但我没有运气。非常感谢任何帮助:)

http://jsfiddle.net/xjTpk/28/

3 个答案:

答案 0 :(得分:1)

你缺少的关键是你必须在ul元素(或其他一些父元素)上有一个“nav”类,因为它在scrolllspy代码中用作选择器的一部分。

由于某种原因,我无法让你的工作,但这是一个简化的例子: http://jsfiddle.net/UWzeD/5/

答案 1 :(得分:1)

忽略使用JSFiddle 1 的严重问题,以及印刷错误 2 ,原则事情错了

  1. 您需要导航栏中<ul>上的.nav课程,
  2. #welcome不是现有元素,导致JS错误。
  3. 这是一个固定的演示:

    JSFiddle

    哦,你不需要data-api和js来初始化插件;选择一个。

    1 同时加载Bootstrap 2.0.2 + 2.0.4;试图在html面板中包含<body>

    2 在不需要它的函数上使用upperCamelCase:scrollSpy();

答案 2 :(得分:0)

你的ul需要一个nav类,但对于scrollspy正常工作最重要的是你的目标需要是关于ul的一个级别。否则我发现scrollspy不起作用。