События jQuery UI Selectmenu связывают

Question

Я использую виджет JQuery UI Selectmenu - http://wiki.jqueryui.com/w/page/12138056/Selectmenu

Я пытаюсь связать событие изменения.Но это не работает:

$(function() {
  $('select#items').selectmenu();
  $('select#items').bind("change",function(){
     alert('x');
   });  
});

Есть идеи?

Answer 1

Я нашел ответ.Итак, вот оно:

$(function() {      
        $('#items').selectmenu({
            change: function() {
                alert('x');
            }
        });
});

Answer 2

Так как это впервые появилось в Google и не дало мне ответа, который я искал, посмотрев на код пользовательского интерфейса jquery, это можно сделать после первоначальной настройки меню выбора, привязки к событию selectmenuchange, как показано ниже.Все равно у меня сработало.

$('#items').selectmenu();

$('#items').on('selectmenuchange',function() {

    alert("hello world");

});

Answer 3

Я просто выдернул свои волосы из-за этого и придумал легкий способ сделать это. Вы в основном должны сказать selectmenu, чтобы вызвать событие изменения.

При настройке вашего выбора используйте метод close следующим образом:

//Set select box to jQuery UI selectmenu
$('select').selectmenu({
   close: function(event, ui){
      //Fire change event
      $(this).change();
   }
});

Затем определите событие изменения следующим образом:

$('#container').on('change', 'select', function(e){
   alert('x');
});