如何使用scrollspy制作Twitter Bootstrap 2.x导航栏

时间：2013-06-05 17:10:38

标签： javascript twitter-bootstrap menubar scrollspy

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

1 个答案:

答案 0 :(得分：0)

从您的来源：

  1. 将<!DOCTYPE html>添加到文档顶部
  2. body标签中的data-target应包含css选择器。在你的情况下#navbar或.navbar而不是navabar。是。 data-target="#navbar"
  3. 请参阅此问题：Twitter Bootstrap scrollspy always selecting last element请使用：$('body').scrollspy();
    1. 在页面加载时没有选择/激活;将class =“active”添加到代码中的第一个li。或$('.nav li:first').addClass('active');到文档的底部。
相关问题
最新问题