jquery - 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 ui 代码，它可以在最初设置选择菜单后完成，绑定到 selectmenuchange 事件，如下所示。反正为我工作。

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

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

    alert("hello world");

});

Answer 3

我只是把头发拉出来，然后想出了一个简单的方法。您基本上必须告诉选择菜单来触发更改事件。

当你设置你的选择菜单时，使用 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');
});