2

www.wishywell.net

Bootstrapガイドを読みましたが、これらのコード行を追加してドロップダウンメニュー付きのボタンを作成するのと同じくらい簡単なはずです

<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" role="button" href="#">Features <b class="caret"></b></a>
    <ul class="dropdown-menu" role="menu">
        <li><a href="blog.html" tabindex="-1">Blog</a></li>
        <li><a href="single.html" tabindex="-1">Blog Single</a></li>
        <li><a href="dividers.html" tabindex="-1">Dividers</a></li>
    </ul></li>

上部に「機能」という単語が表示されますが、ドロップダウンがあります。Web サイトの他の何かが失敗の原因になっていますか?

4

2 に答える 2

1

Bootstrap の Javascript コンポーネントを適切に利用するには、bootstrap.js (または bootstrap.min.js) ファイルをリソースとしてサイトのページに含める必要があります。

これらのファイルは、bootstrap が提供する zipball 内にあります: http://twitter.github.io/bootstrap/assets/bootstrap.zip

于 2013-04-17T03:03:40.530 に答える
0

上記のように、ブートストラップ JavaScript コンポーネントを呼び出す必要があります。

http://www.wishywell.net/js/backtotop.jsファイルを次のように変更する必要もあります。

$(document).ready(function(){


    application.init ();


(function () {
        a('<i id="back-to-top" class="icon-chevron-up"></i>').appendTo(a("body"));
        a(window).scroll(function () {
            if (a(this).scrollTop() != 0) {
                a("#back-to-top").fadeIn()
            } else {
                a("#back-to-top").fadeOut()
            }
        });
        a("#back-to-top").click(function () {
            a("body,html").animate({
                scrollTop: 0
            }, 600)
        })
    })();

});

次のようにjqueryファイルを呼び出した後に呼び出します

    <!-- Start: Java Script -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 <script src="http://cdn.jsdelivr.net/flexslider/2.0/jquery.flexslider-min.js"></script> 
<script src="/js/backtotop.js"></script>
于 2013-04-17T03:07:13.250 に答える