Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery Simpleselect插件事件问题_Javascript_Jquery - Fatal编程技术网

Javascript jQuery Simpleselect插件事件问题

Javascript jQuery Simpleselect插件事件问题,javascript,jquery,Javascript,Jquery,我正在使用这个Simpleselect插件设计一个HTML选择框。它只是隐藏select元素,并用易于设置样式的div替换它。我遇到的问题是,我需要向select元素添加一个事件监听器,该监听器检查它是否已被更改 这是我的代码,当我禁用Simpleselect插件时,它可以正常工作 $("#mode").change(function() { console.log("changed mode"); calcRoute(); }); 文档在页面末尾有一段关于事件的内容,但我不知道如何让

我正在使用这个Simpleselect插件设计一个HTML选择框。它只是隐藏select元素,并用易于设置样式的div替换它。我遇到的问题是,我需要向select元素添加一个事件监听器,该监听器检查它是否已被更改

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

$("#mode").change(function() {
  console.log("changed mode");
  calcRoute();
});
文档在页面末尾有一段关于事件的内容,但我不知道如何让它发挥作用

这是输出的HTML的结构


来自开发者示例


阅读文档时,只需将插件的名称空间传递给事件(默认情况下,它们会更改元素id):

或者你可以绑定到

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

我原以为你的第一个例子也行得通,但不幸的是,它行不通。如果您只是将选择器更改为#模式而不是#simpleselect_模式,则第二种情况会发生。谢谢
$("#simpleselect_mode").change(function() {
  console.log("changed mode");
  calcRoute();
});
$('#simpleselect_mode').bind('change.simpleselect', function() {
//Your code
});