javascript - jQuery Simpleselect 插件事件问题

Question

我正在使用这个 Simpleselect 插件http://pioul.fr/jquery-simpleselect来设计一个 HTML 选择框。它只是隐藏了选择元素并将其替换为可以轻松设置样式的 div。我遇到的问题是我需要向 select 元素添加一个事件侦听器，以检查它是否已更改。

这是我的代码，当我禁用 Simpleselect 插件时可以正常工作。

$("#mode").change(function() {
  console.log("changed mode");
  calcRoute();
});

该文档在页面末尾有一段关于事件的段落，但我不知道如何让它工作。

这是输出的HTML的结构......

Answer 1

来自开发者http://jsfiddle.net/pioul/xn5yT/2/的示例

$("select")
    .simpleselect()
    .bind("change.simpleselect", function(){
        console.log('change; new value='+ $(this).val());
    });

Answer 2

阅读文档，您只需将插件的命名空间传递给事件（默认情况下它们会更改元素 id）：

$("#simpleselect_mode").change(function() {
  console.log("changed mode");
  calcRoute();
});

或者你可以绑定到

$('#simpleselect_mode').bind('change.simpleselect', function() {
//Your code
});