Uncaught TypeError：$（...）。selected（...）。onは関数ではありません。

Question

UIの<select>要素でJQueryで選択した関数を使用して、<option>の値をajax呼び出しでデータベースに取り込みました。

<select id="assetClass" data-placeholder="Choose an Asset Class..." 
    class="chosen-select" multiple style="width: 200px;" tabindex="1"> 
<option value=""></option> 

私はにconsole.logまたは警告がどの要素<select>

$(".chosen-select").chosen().on("change", function(event, params) { 

    if (params.selected) { 
    // $("#status").text('The option: ' + params.selected + ' was selected.'); 
    console.log(params.selected); 

    } 
    if (params.deselected) { 
    // $("#status").text('The option: ' + params.deselected + ' was deselected.'); 
     console.log(params.deselected); 
    }}); 

しかしから選択または選択解除されますJSファイルでjqueryのコードを書いています問題は、私がページをロードするとき、私は以下のエラーになる

キャッチされない例外TypeError：$（...）（...）選択した関数ではありません

その他のstackoverflowの答えに（jQueryの）を追加することを示唆しています。。。最後に以下のようにします。

;(function($){ 
    // your code 
})(jQuery); 

しかし、まだ問題が存在します。

Answer 1

私は同じ問題を抱えていましたが、それを動作させるにはimport "chosen-js"を追加しなければなりませんでした。