Jquery Multi-Select无法正常工作

Question

我正在尝试从我在教程中创建的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> 

Javascript代码

$(document).ready(function(){
     $("#multi-select-demo").multiselect({
         buttonText : function(option,select){
             if(option.length == 0){
                 return "select value";
             }
         }
     })
});

我附上了我能找到的所有文件，而不是文件附件的任何问题。当我点击button时，主要问题是下拉列表不可见。它背后的过程是将open类添加到Container中，但我已经测试它无法正常工作。

那么，我该如何解决这个问题呢？

我无法确定问题是在HTML或JAVASCRIPT我无法确定问题所在。

我所拥有的所有东西都与大卫在他的教程中所做的一样，但我无法找出出了什么问题。

编辑 - 1：

伙计们，我在我的代码中做了一些更改，这是。

$(".multiselect dropdown-toggle btn btn-default").click(function(){
    this.addClass("open");
});

显示下拉列表的机制就是这样，每当我们点击Button时，javascript就会向它添加open类的css。但我能看到的是 - 它没有添加open类。所以，我已经尝试手动将open类添加到多选容器，但它仍然无法正常工作。

谁可以帮我这个事？？？

我真的坚持这个问题.. :(

Answer 1

添加以下参数。

buttonContainer: '<div class="btn-grouptest" />'