1

http://silviomoreto.github.io/bootstrap-select/でサンプル コードを取得して、自分のページで試してみました。なぜbootstrap-selectが機能しないのかわかりません。オプション/オプションのドロップダウン リストはありません (画像を参照)。ここで何が欠けていますか？私が取り組んでいるサイトには大量の .css ファイルと js ファイル (bootstrap 3.x を使用) がありますが、これを試すためにテンプレート ページを作成しました。誰かがこれを手伝ってくれますか？ここでSOの投稿を読みましたが、必要な答えが見つかりません。ありがとう。

の .css ファイルの順序は次の<head>とおりです。

<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.css" />    
<link rel="stylesheet" type="text/css" href="css/bootstrap-overrides.css" />
<link rel="stylesheet" type="text/css" href="css/lib/bootstrap-select.css" />
  <link rel="stylesheet" type="text/css" href="css/lib/jquery-ui-1.10.2.custom.css" />
<link rel="stylesheet" type="text/css" href="css/lib/font-awesome.css" />    
<link rel="stylesheet" type="text/css" href="css/custom-add/layout.css" />
<link rel="stylesheet" type="text/css" href="css/custom-add/elements.css" />
<link rel="stylesheet" type="text/css" href="css/custom-add/icons.css" />
<link rel="stylesheet" type="text/css" href="css/app.css" /> 
<link rel="stylesheet" href="css/kendo/kendo.common-bootstrap.min.css"/>   
  <link rel="stylesheet" href="css/kendo/kendo.bootstrap.min.css"/>   
  <link rel="icon" type="image/png" href="img/fav.png" />

<!--[if lt IE 9]>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> 


<body>
<select class="selectpicker" data-live-search="true" title="Choose a topping.">
                        <option>Mustard</option>
                        <option>Ketchup</option>
                        <option>Relish</option>
                    </select>

スクリプトの順序は次のとおりです。

  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="bower_components/angular/angular.js"></script>
  <script src="bower_components/angular-route/angular-route.js"></script>
  <script src="bower_components/angular-animate/angular-animate.js"></script>
  <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
  <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>       
  <script src="bower_components/store.js/store.min.js"></script>
  <script src="js/app.js"></script>
  <script src="js/data.js"></script>
  <script src="js/services.js"></script>
  <script src="js/controllers.js"></script>
  <script src="js/filters.js"></script>
  <script src="js/directives.js"></script>
  <script src="js/kendo/kendo.all.min.js"></script>
  <script src="js/kendo/kendo.angular.min.js"></script>
  <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  <script src="js/bootstrap-select.min.js"></script>
  <script src="js/jquery-ui-1.10.2.custom.min.js"></script>   
  <script src="js/theme.js"></script>

    <!--jquery: -->
    $(document).ready(function() {
          $('.selectpicker').selectpicker();
     });

オプションを選択しない

4

0 に答える 0