【问题标题】:cannot get scrollspy to work无法让 scrollspy 工作
【发布时间】:2013-03-24 03:15:57
【问题描述】:

我在让 bootstrap 的 scrollspy 工作时遇到了一些问题。输出页面生成良好,没有任何 javascript 错误。

但滚动时,我无法让 CSS 类应用活动。

下面是我设置的 JSFiddle。

谢谢

http://jsfiddle.net/475sT/15/

  <body>
    <div id="wrapper" data-spy="scroll" data-target="main-navigation">
        <section class="container">
            <header id="header">
                <div id="sticky_navigation" class="shadow">
                    <div class="container"> <a href="/" id="logo"></a>

                        <div id="navigation-wrapper">
                            <nav id="main-navigation">
                                <!-- MAIN NAVIGATION-->
                                <ul id="main-menu">
                                    <li><a id="one" href="#one">One</a>
                                    </li>
                                    <li><a id="Two" href="#Two">Two</a>
                                    </li>
                                    <li><a id="Three" href="#Three">Three</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </header>
        </section>
        <section id="one">One</section>
        <section id="two">Two</section>
        <section id="three">Three</section>
    </div>
    <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-scrollspy.js"></script>
</body>

【问题讨论】:

标签: jquery twitter-bootstrap scrollspy


【解决方案1】:

通过 JavaScript 调用 scrollspy:

$('#main-navigation').scrollspy()

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

【讨论】:

  • 抱歉延迟响应。我试过了,但没有任何反应。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-02-23
相关资源
最近更新 更多