eventos jQuery UI seleccione Menú unen

Question

Im usando widget de jQuery UI seleccione Menú - http://wiki.jqueryui.com/w/page/12138056/Selectmenu

Im tratando de obligar evento de cambio. Pero no funciona:

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

¿Alguna idea?

Answer 1

Encontré una respuesta. Así que aquí está:

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

Answer 2

Dado que este surgió primero en Google y no me dio la respuesta que estaba buscando, después de haber mirado el código de interfaz de usuario jQuery se puede hacer después de la configuración inicial del menú de selección , vinculante para el evento selectmenuchange como a continuación. Trabajó para mí de todos modos.

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

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

    alert("hello world"); 

}); 

Answer 3

Estaba sacando mi cabello sobre esto y descubrí una manera fácil de hacerlo. Básicamente tienes que decirle al menú de selección que active el evento de cambio.

Al configurar el Seleccione Menú utiliza el método de cierre de este modo:

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

A continuación, defina su evento de cambio de la siguiente manera:

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