选择器(bootstrap-select)不工作，显示禁用的菜单？
选择器(bootstrap-select)不工作，显示禁用的菜单？
提问于 2019-07-09 01:55:37
我正在尝试使用从Bootstrap-Select中选择选择器来创建一个多选下拉菜单。下面是我的HTML文件中的内容：
<select class="selectpicker" multiple>
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
</select>但这是我在我的web应用上得到的：
我不能点击下拉菜单，它被禁用了。如何启用此菜单？
回答 3
Stack Overflow用户
回答已采纳
发布于 2019-07-09 02:00:48
1)你包含javascript文件了吗？如果使用CDN或下载CDN，请确保包含jquery、bootstrap和bootstrap-select。一旦正确设置，并将selectpicker类设置为select元素，它将自动初始化bootstrap-select。
2)如果仅设置自定义类的样式，请使用：
$('.my-custom').selectpicker();Stack Overflow用户
发布于 2019-07-09 02:50:06
抱歉，如果你的问题已经回答了，但一个代码片段可能会有所帮助？
$(function () {
$('.selectpicker').selectpicker();
});<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha256-YLGeXaapI0/5IgZopewRJcFXomhRMlYYjugPLSyNjTY=" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css">
<select class="selectpicker" multiple>
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
</select>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha256-CjSoeELFOcH0/uxWu6mC/Vlrc1AARqbm/jiiImDGV3s=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js"></script>
Stack Overflow用户
发布于 2019-07-09 03:00:57
我终于想通了。当你为你的超文本标记语言文件抓取Bootstrap.js、jQuery和Popper时，它们的顺序必须是：
<script src="jquery-3.3.1.slim.min.js"> <script src="popper.min.js"> <script src="bootstrap.min.js">
否则某些东西就不能工作了。一旦我改变了这一点，selectpicker就可以正常工作了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56940252
复制相关文章
相似问题
腾讯云开发者
