在Twitter Bootstrap的ScrollSpy中，我在哪里可以放入data-spy =“scroll”？

Question

它在文件中清楚地说明了

  

只需将data-spy =“scroll”添加到您想要侦听的元素（最常见的就是身体）

但是，如果我把它放在身上，我似乎只能让它发挥作用。当我把它放在我希望监视的任何其他元素中时，导航的最后一个元素被选中。

Here它在身体上，并且它有效，this与我想要监视的元素上的data-spy="scroll"完全相同但是它失败了（只有最后一个元素被激活了。

我做错了什么还是这个错误？

Answer 1

您可以使用以下方法修复您的第二个示例：

#TryToPutDataSpyHere{
  display:inline;
}

但由于某种原因，它不适用于演示

我设法从文档中再现了您的问题：http://jsfiddle.net/baptme/KbphR/

但只有在我拥有以下css代码（在doc上使用）时它才有效：

.scrollspy-example {
  height: 200px;
  overflow: auto;
  position: relative;
}

http://jsfiddle.net/baptme/KbphR/1/

似乎height: 200px;和overflow: auto;都是必要的

不是因为你的.box{height: 500px;}

而在你的情况下

Answer 2

我有一个类似的问题，滚动间谍除了标签之外什么都不起作用所以我实际上进入了引导程序js找到了Scroll间谍（SCROLLSPY CLASS DEFINITION）部分并更改了这一行：

  

，$ element = $（element）.is（'body'）？ $（窗口）：$（元素）

到此：

  

，$ element = $（element）.is（'body'）？ $（窗口）：$（窗口）// $（元素）

（注意//后面的元素是注释，所以我不会忘记我改了它）

这为我解决了。