Question

我抓住了http://silviomoreto.github.io/bootstrap-select/的示例代码，在我的网页上试用了它。我不知道为什么我不能让bootstrap-select工作。没有选项/没有下拉列表选项（见图）。我在这里错过了什么？在我正在处理的网站上有大量的.css和js文件（使用bootstrap 3.x），但我创建了一个模板页面，所以我可以试试这个。有人会帮我这个吗？我在这里读过帖子，但我找不到我需要的答案。感谢。

以下是<head>中的.css文件的顺序：

<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();
     });

select no options

silviomoreto bootstrap - 选择不加载选项，不工作

0 个答案: