javascript - jQuery UI 对话框按钮不会单击

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

the ui-button is generated by jquery ui

根据您的评论，我假设按钮是动态生成的，并且您绑定(bind)的任何点击事件都必须使用事件委托(delegate)进行绑定(bind)，类似于:

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

代替 body，使用最接近的静态元素也可以，并且是首选。