我正在尝试从我在教程中创建的Davidstutz创建一个多选下拉列表,但它运行不正常。
我做的是:
附件
<link rel="stylesheet" href="js/multiSelect.css"/>
<link rel="stylesheet" href="css/bootstrap.css"/>
<script type="text/javascript" src="js/multiSelect.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
HTML代码
<select id="multi-select-demo" multiple="multiple">
<option value="Option - 1">Option - 1</option>
<option value="Option - 2">Option - 2</option>
<option value="Option - 3">Option - 3</option>
<option value="Option - 4">Option - 4</option>
<option value="Option - 5">Option - 5</option>
<option value="Option - 6">Option - 6</option>
</select>
Java脚本代码
$(document).ready(function(){
$("#multi-select-demo").multiselect({
buttonText : function(option,select){
if(option.length == 0){
return "select value";
}
}
})
});
我附上了我能找到的所有文件,而不是文件附件的任何问题。
当我点击button
时,主要问题是下拉列表不可见。它背后的过程是向容器添加open
类,但我已经测试它不能正常工作。
那么,我该如何解决这个问题?
我无法确定问题出在HTML
或JAVASCRIPT
我无法确定问题所在。
我所拥有的所有内容与 David 在他的教程中所做的相同,但我无法找出出现了什么问题。
修改 - 1:
伙计们,我在我的代码中做了一些更改,这是。
$(".multiselect dropdown-toggle btn btn-default").click(function(){
this.addClass("open");
});
显示下拉列表的机制就是这样,每当我们点击Button
时,javascript就会向其中添加open
类css。但我能看到的是 - 它没有添加open
类。所以,我已经尝试手动将open
类添加到多选容器中,但它仍无效。
任何人都可以帮我吗???
我真的坚持这个问题.. :(
答案 0 :(得分:0)
添加以下参数。
buttonContainer: '<div class="btn-grouptest" />'