.change() не запускается после jQuery UI

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,console,output

Answer 1

вы должны использовать событие изменения в меню выбора пользовательского интерфейса выглядят here

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

Answer 2

selectmenu должен иметь функцию изменения, переданный в качестве параметра при инициализации или вы должны слушать selectmenuchange события, как описано in the selectmenu api docs

Edit: обновленный ваш JS Bin, чтобы следить за правильным событие, http://jsbin.com/gogenuhaso/1/edit?js,console,output