eventi jQuery UI Selezionare Menu legano

Question

Im usando widget di JQuery UI Selezionare Menu - http://wiki.jqueryui.com/w/page/12138056/Selectmenu

Im cercando di legare evento di modifica. Ma non funziona:

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

Qualche idea?

Answer 1

Ho trovato una risposta. Così qui è:

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

Answer 2

Dal momento che questo è venuto prima su Google e non mi ha dato la risposta che cercavo, dopo aver guardato il codice ui jquery può essere fatto dopo la configurazione iniziale del menu di selezione , vincolante per l'evento selectmenuchange come sotto. Ha funzionato per me comunque.

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

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

    alert("hello world"); 

}); 

Answer 3

Mi stavo solo strappando i capelli e ho trovato un modo semplice per farlo. In pratica devi dire al menu di selezione di attivare l'evento di modifica.

Quando si imposta il Selezionare Menu utilizza il metodo close in questo modo:

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

quindi definire il vostro evento cambiamento come questo:

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