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

ui按钮由jquery ui生成

根据您的评论，我假设该按钮是动态生成的，并且绑定到您的任何click事件都必须使用事件委托来绑定，类似于：

$('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');