Question

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

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

我正在js文件中编写一个jquery代码，该文件将 console.log 或 alert 从<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);
  }});

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

未捕获TypeError：$（...）。selected（...）。on不是函数

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

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

但问题仍然存在。

Answer 1

我遇到了同样的问题，我必须添加import "chosen-js"才能使其正常运行。

Answer 2

您必须在导入jQuery后导入'chosen-js'

const $ = import 'jquery'  
import 'chosen-js'

未捕获的TypeError：$（...）。selected（...）。on不是函数

2 个答案: