强制 jQuery UI 对话框按钮焦点

Question

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

我的要求是：

确定按钮应该在取消按钮的右边，确定按钮应该是焦点：

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

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

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

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

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

Answer 1

试试这个代码。 myDialog 是主对话框 div 当您拖动对话框时，这将完成这项工作

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

当你点击你的对话框主 div 时，这将完成这项工作。

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