0

我想使用 Scrollspy 插件制作一个 Bootstrap 导航栏。当我尝试使用它时，最后一个<li>标签始终保持活动状态，但不会让其他<li>元素变为活动状态。如果你想要我的代码：http ://pastebin.com/raw.php?i=QL99wh2C这是我正在谈论的图像：http: //i.stack.imgur.com/CYzg9.png

4

1 回答 1

0

从您的来源：

  1. 添加<!DOCTYPE html>到文档顶部
  2. 正文标记中的数据目标应包含一个 CSS 选择器。在您的情况下#navbar或.navbar代替导航栏。是data-target="#navbar"
  3. 看到这个问题：Twitter Bootstrap scrollspy 总是选择最后一个元素，所以使用：$('body').scrollspy();
    1. 在页面加载时没有选择/激活；将 class="active" 添加到代码的第一个 li 中。或$('.nav li:first').addClass('active');到文档的底部。
于 2013-06-05T18:28:45.857 回答