Question

我已经搜遍了所有人，并找到了如何触发Chosen jQuery插件的事件。

我已经下载了他们的示例文件，并将此javascript添加到文件的末尾。

每次从.chosen-select表单更改值或键入密钥时，此代码都应显示在控制台日志中，但没有一个正常工作。

在控制台中我有这个错误： TypeError：$（...）。on不是函数 参考这行代码： $（＆＃39; .chosen-select＆＃39;）。on（＆＃39; change＆＃39;，function（e）{

       $('.chosen-select').on('change', function(e) {
        // triggers when whole value changed
        console.log("value changed");
      });



       $('.chosen-select').on('keyup', function(e) {
        // triggers when each key pressed
        console.log("key pressed");
      });

所以我觉得这个插件没有正确加载..

为什么不起作用？我怎么能解决它？

泰，勒兹

Answer 1

试试这个..它可能有用..

$('.chosen-select').change(function () {
     console.log("value changed");
     alert("value changed");
});

Answer 2

这很有效。请参阅修订后的jsfiddle：http://jsfiddle.net/NgLM5/

$('.chosen-select').change(function(e) {
  // triggers when whole value changed
  console.log("value changed");
});

$('.chosen-select').keyup(function(e) {
  // triggers when each key pressed
  console.log("key pressed");
});

Answer 3

控制台中的错误意味着.on()不是函数，可能是因为$('.chosen-select')是null。

您应该验证您尝试匹配的标记是否在页面中，并且选择器匹配正确的标记/ id / class / whatever。

Answer 4

它还取决于你的jquery脚本的加载方式。你的jquery.js是在这个函数之前加载的吗？如果是，则在jquery链接之后移动此脚本块。

选择jQuery插件 - 事件不会触发

4 个答案: