javascript - jQueryUIダイアログボタンがクリックされない

Question

アラートは機能していますが、ボタンがクリックされません...

$('#loginDialog .field input').keyup(function (e) {
     if (e.keyCode == 13) {
         alert('it is working!');
         $('.ui-button').click();
         return false;
     }
});

ダイアログが開いたときにメソッドを再初期化するなど、さまざまなことを試しましたが、何も機能しないようです...

HTML：

<div id="loginDialog" title="Please Login">
     <div class="label">Password:</div>
     <div class="field"><input type="password" /></div>
</div>

Answer 1

ui-buttonはjqueryuiによって生成されます

あなたのコメントから、ボタンは動的に生成され、バインドしたクリックイベントは、次のようにイベント委任を使用してバインドする必要があると想定しています。

$('body').on('click', '.ui-button', function(){...)

の代わりにbody、最も近い静的要素を使用することも同様に機能し、推奨されます。

Answer 2

これを試してください：

$(function() {
$('#loginDialog .field input').keyup(function (e) {
     if (e.keyCode == 13) {
         alert('it is working!');
         $('.ui-button').trigger('click');
         return false;
     }
});

$('.ui-button').click(function() {
   alert('hello world'); 
});
};

ここに例があります：http：//jsfiddle.net/netme/YZH3B/

Answer 3

これにより、イベントがトリガーされます...

 $('.ui-button').trigger('click');