引导选择不起作用答案

【问题标题】：Bootstrap select not working引导选择不起作用
【发布时间】：2015-07-26 16:39:19
【问题描述】：

我有这样的事情：

<select class="selectpicker" name="level">
<option value="Field">Field admin</option>
<option value="Text">Text admin</option>
<option value="Bot">Bot</option>
</select>

底部有这个：

<script src='./clientLib/bootstrap-select.js'></script>

添加这个（在加载上述脚本后在页面底部）不起作用：

 $('.selectpicker').selectpicker();

现在，按钮已格式化，但单击选择不会加载下拉菜单。按 alt 会加载下拉菜单，但无法关闭下拉菜单，即使我选择了一个选项。

有人知道为什么会这样吗？

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

尝试在页面的头部加载脚本和这个'$('.selectpicker').selectpicker();'在页面底部

【讨论】：

我试过了，不幸的是还是一样
您在打开 google chrome 检查器时看到哪些错误？
完全没有错误。我可以按 alt 向下滚动，仅此而已。

【解决方案2】：

你的结构将是

    <head>
    <!-- Stylesheet for Bootstrap Core CSS-->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Stylesheet for Bootstrap Select-picker-->
    <link href="css/bootstrap-select.min.css" rel="stylesheet">
    </head>
    <body>
          <select class="selectpicker" name="level">
               <option value="Field">Field admin</option>
               <option value="Text">Text admin</option>
               <option value="Bot">Bot</option>
          </select>

         <!-- JS for Core jQuery v1.11.3-->
         <script src="js/jquery.min.js"></script>
         <!-- JS for Core Bootstrap-->
         <script src="js/bootstrap.js"></script>
         <!-- JS for Bootstrap Select-picker-->
         <script src="js/bootstrap-select.min.js"></script>
    </body>

所有js下都可以使用这个脚本：-

 $('.selectpicker').selectpicker();

如果遇到任何错误，可以使用：-

 jQuery('.selectpicker').selectpicker();

【讨论】：

【解决方案3】：

尝试在页脚中的默认引导和 jquery 脚本之后添加 bootstrap-select.js - 这对我有用。

【讨论】：

【解决方案4】：

确保你把它放在你想使用引导选择的页面顶部

<link href="css/bootstrap-select.min.css" rel="stylesheet">
<script src="js/bootstrap-select.min.js"></script>
<script>
$(document).ready(function () {
    $('.selectpicker').selectpicker();
});
</script>

并检查文件的路径以确保其正确。它应该工作。

<select class="selectpicker" name="level">
  <option value="Field">Field admin</option>
  <option value="Text">Text admin</option>
  <option value="Bot">Bot</option>
</select>

最好的问候基亚诺

【讨论】：

【解决方案5】：

我有同样的问题

通过调用 bootstrap js 修复

按钮前选择js

【讨论】：