|
|
相关文章推荐
选择器(bootstrap-select)不工作，显示禁用的菜单？
问
选择器(bootstrap-select)不工作，显示禁用的菜单？
EN
Stack Overflow用户
提问于
2019-07-09 01:55:37
回答 3
查看 4.3K
关注 0
票数 0
我正在尝试使用从Bootstrap-Select中选择选择器来创建一个多选下拉菜单。下面是我的HTML文件中的内容：
<select class="selectpicker" multiple>
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
</select>但这是我在我的web应用上得到的：
我不能点击下拉菜单，它被禁用了。如何启用此菜单？
EN
回答 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();
票数 2
EN
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/[email protected]/dist/css/bootstrap-select.min.css">
<select class="selectpicker" multiple>
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
推荐文章