jquery - 未捕获的 TypeError : $(. ..).chosen(...).on 不是函数

Question

我在 <select> 上使用了 JQuery 选择的函数UI 上的元素，用于填充 <option>通过ajax调用从数据库中获取值。

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

我正在一个 js 文件中编写一个 jquery 代码，它将 控制台日志或 警报 从 <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);
  }});

但问题是当我加载页面时，出现以下错误

未捕获的类型错误:$(...).chosen(...).on 不是函数

其他 stackoverflow 答案建议添加 (jQuery);最后如下。

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

但问题仍然存在。

Answer 1

我有同样的问题，我不得不添加 import "chosen-js"使其工作。