Jquery 多选无法正常工作答案

【问题标题】：Jquery Multi-Select not Working ProperlyJquery 多选无法正常工作
【发布时间】：2015-05-16 12:49:52
【问题描述】：

我正在尝试从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 时，下拉列表不可见。其背后的过程是将openClass添加到Container中，但我测试过它不起作用。

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

我无法确定问题出在HTML 或JAVASCRIPT 我无法确定问题出在哪里。

我拥有的所有东西都与 David 在他的教程中所做的相同，但我不知道出了什么问题..

编辑 - 1：

伙计们，我已经对我的代码进行了一些更改，就是这样。

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

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

谁能帮我解决这个问题？？？

我真的被这个问题困住了.. :(

【问题讨论】：

能否请您在小提琴中重现该问题？
@Lal 我正在尝试，但在 jsfiddle 中我没有得到完美的输出，我会在一段时间内完成 myb。
控制台有错误吗？点击按钮之前/之后？
@PraveenKumar 这是我的小提琴，[jsfiddle.net/Hardy_411/fL1s41qu/]
@PraveenKumar ：我不知道为什么，但是我的 HTML 代码没有按原样显示，它被转移到输出中，这就是我包含图像的原因。对不起..

标签： jquery html twitter-bootstrap multi-select jquery-multiselect

【解决方案1】：

添加以下参数。

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

【讨论】：