【问题标题】:Bootstrap Scrollspy not Adding Active to my LIBootstrap Scrollspy 未将 Active 添加到我的 LI
【发布时间】:2013-02-11 01:13:00
【问题描述】:

我遇到了 Scrollspy 的问题。我能够让链接指向正确的部分,但它没有将活动类应用于当前“选定”的 li 元素。您可以在我的测试版网站上查看该问题:http://beta.joshuabock.com/resume.html。我四处寻找解决方案,但到目前为止还没有运气。有关如何解决此问题的任何建议?

基本代码结构如下:

<aside>
   <nav id="nav-list>
     <ul class="nav nav-list">
        <li>Menu Items</li>
     </ul>
   </nav>
</aside>
<article data-spy="scroll" data-target="#nav-list" data-offset="0">
   <section>Main Content</section>

</article> 

【问题讨论】:

    标签: twitter-bootstrap scrollspy


    【解决方案1】:

    您似乎没有按照文档将所需的属性添加到正文标记:

    http://twitter.github.com/bootstrap/javascript.html#scrollspy

    <body data-spy="scroll" data-target=".navbar">
    

    我猜 .nav-bar 会是你的导航。

    【讨论】:

    • 我将滚动间谍应用到我的 body 元素,但这并没有解决问题。我想要的唯一元素是 resumeBD 元素。
    【解决方案2】:

    在停止编码后,我能够解决这个问题。我确实必须像比利所说的那样移动数据间谍,但我也为我的导航创建了一个新 ID。另外,我更新了我的 Bootstrap 和 Jquery 版本。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-08-06
      • 1970-01-01
      • 2014-07-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多