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