0

ブートストラップの 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>
4

1 に答える 1

0

JavaScript 経由で scrollspy を呼び出します。

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

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

于 2013-03-24T18:11:08.307 に答える