JQuery UI Selectmenu событие связывается

Question

Im использования JQuery UI Selectmenu виджета - http://wiki.jqueryui.com/w/page/12138056/Selectmenu

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

$(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, чтобы вызвать событие изменения.

При настройке selectmenu использовать близкий метод, как так:

//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'); 
});