6

私は持っていnavbar-collapseます。以下に示すコードを使用すると、ドロップダウンが機能しなくなります。(ドロップダウン項目をクリックしても何も起こりません。)

    <!-- Le styles -->
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/bootstrap-responsive.min.css" rel="stylesheet">
    <style>
        body { padding-top: 60px; /* 60px to make the container go all the way
            to the bottom of the topbar */ }
    </style>
    <!-- Le javascripts -->
    <script type="text/javascript" src='/js/jquery-1.9.1.min.js'></script>
    <script type="text/javascript" src='/js/jquery.cookie.js'></script>
    <script type="text/javascript" src='/js/bootstrap.min.js'></script>

bootstrap.min.js への参照を削除すると、ドロップダウンが正しく機能します。よくわかりません。.js と .css の両方を含める必要はありませんか?

(css ファイルの前に jQuery を含めてみました。同じ結果です。) (css の前に javascript も含めてみました。同じ結果です。) すべてのブートストラップ ファイルは、ブートストラップ Web サイトから直接ダウンロードされました。

4

1 に答える 1

-1

ドロップダウン機能が含まれているため、bootstrap.js ファイルへの参照は重要です。bootstrap.js の 637 行目で、ドロップダウン定義が定義されています。お気に入り ：

  var toggle = '[data-toggle=dropdown]'
, Dropdown = function (element) {
    var $el = $(element).on('click.dropdown.data-api', this.toggle)
    $('html').on('click.dropdown.data-api', function () {
      $el.parent().removeClass('open')
    })
  }

bootstrap.js の縮小版である bootstrap.min.js で定義されているのと同じ方法です。bootstrap.js ファイルへの参照を削除すると、ドロップダウン機能が機能しなくなります。

また、フッターでJavaScriptを使用することをお勧めします..のように

<script type="text/javascript" src='/js/jquery-1.9.1.min.js'></script>
<script type="text/javascript" src='/js/bootstrap.min.js'></script>
<script type="text/javascript" src='/js/jquery.cookie.js'></script>
于 2013-02-23T04:48:00.967 に答える