jQuery Simpleselect插件事件问题

Question

我正在使用此Simpleselect插件http://pioul.fr/jquery-simpleselect来设置HTML选择框的样式。它只是隐藏了select元素并将其替换为可以轻松设置样式的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
});