jQuery UI的Selectmenu事件使用JQuery UI Selectmenu控件綁定

Question

林 - 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

由於這首先來到了在谷歌並沒有給我，我一直在尋找答案，已經看了看jQuery UI的代碼，它可以在最初設立的選擇菜單來完成，如下所示綁定到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'); 
});