jquery-ui - 强制 jQuery UI 对话框按钮焦点

Question

我有几个带有Ok和Cancel和单选按钮的 jQueryUI 对话框（没有文本输入）。

我的要求是：

OK 按钮应该在 Cancel 按钮的右边，并且 Ok 按钮应该是焦点：

1. 当对话框打开时，
2. 在任何用户单击或拖动后。

要求 1 可以通过给 Ok 按钮一个 id 和以下代码来实现：
open: function(event, ui) { $('#OkButton').focus(); },

要求 2 更难。它可以通过为许多事件定义焦点代表来实现：

• .ui-dialog-titlebar 点击
• .ui-dialog-buttonpane 点击
• 拖动停止
• ETC

但肯定有更简单的方法吗？

Answer 1

Try this code. myDialog is main dialog div When you drag your dialog this will do the job

jQuery('.myDialog').bind('move', function(e) {
    $('#OkButton').focus();
}).bind('moveend', function() {});

and when you click on your dialog main div this will do the job.

jQuery('.myDialog').click(function(){
    $('#OkButton').focus();
});