jquery - Jquery の複数選択が正しく機能しない

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> 

Java スクリプト コード

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

ファイル添付の問題ではなく、見つけたすべてのファイルを添付しました。主な問題は、をクリックしてもドロップダウン リストが表示されないことbuttonです。その背後にあるプロセスはopen、コンテナにクラスを追加することですが、動作していないことをテストしました。

では、どうすればこの問題を解決できますか?

問題がどこにあるかを特定できないか、どこに問題があるHTMLかJAVASCRIPT を特定できません。

私が持っているものはすべて、デビッドがチュートリアルで行ったものと同じですが、何が問題なのかわかりません..

編集 - 1:

みんな、コードにいくつかの変更を加えました。

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

Buttonドロップダウンを表示するメカニズムはこのようなもので、 javascriptをクリックするたびopenに css のクラスが追加されます。しかし、私が見ることができるのは、openクラスを追加していないということです。そのため、複数選択コンテ​​ナーにクラスを手動で追加しようとopenしましたが、まだ機能していません。

誰でもこれで私を助けることができますか???

私は本当にこの問題で立ち往生しています.. :(