jQuery UI之后不会触发.change（）

Question

使用jQuery UI转换选择字段后，更改事件将不起作用。

$(function() {
    $( "#speed" ).selectmenu();
    $( "#files" ).selectmenu();
    $( "#number" )
      .selectmenu()
      .selectmenu( "menuWidget" )
        .addClass( "overflow" );
    $( "#speed" ).change(function(){
      console.log("change");
    });
  });

如果$( "#speed" ).selectmenu(); 被注释掉，那么更改事件完美地工作了吗？ 为什么会这样？

http://jsbin.com/debem/1/edit?js，控制台，输出

Answer 1

您应该使用ui选择菜单的change事件在这里查看

$( "#speed" ).selectmenu({
       change: function( event, ui ) {
          console.log('change');
        }
   });

Answer 2

selectmenu在初始化时需要有一个change函数作为参数传入，否则您必须按照selectmenu api文档中的说明监听selectmenuchange事件

编辑：更新了您的JS Bin以观看正确的事件， http ：//jsbin.com/gogenuhaso/1/edit？js， 控制台，输出