Question

我有这样的事情：

<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加载下拉列表，但即使我选择了一个选项，也无法关闭下拉列表。

任何人对于为什么会这样做有任何想法？

Answer 1

尝试在页面的head部分加载脚本，这个'$（'。selectpicker'）。selectpicker（）;'在页面底部

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

Answer 3

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

Answer 4

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

<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>

最诚挚的问候 Kianoor

Answer 5

我有同样的问题

通过调用bootstrap js

修复

按钮之前选择js

Bootstrap选择不起作用

5 个答案: