jquery - jQueryUISelectmenuイベントバインド

Question

JQueryUISelectmenuウィジェットを使用しています-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コードを確認した後、最初にselectメニューを設定し、以下のようにselectmenuchangeイベントにバインドした後に実行できます。とにかく私のために働いた。

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

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

    alert("hello world");

});

Answer 3

私はちょうどこれについて私の髪を引っ張っていて、それをする簡単な方法を考え出しました。基本的に、変更イベントをトリガーするようにselectmenuに指示する必要があります。

selectmenuを設定するときは、次のような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');
});