强制jQuery UI对话框按钮焦点

Question

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

我的要求是：

确定按钮应位于“取消”按钮的右侧，“确定”按钮应处于焦点位置：

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

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

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

• .ui-dialog-titlebar点击
• .ui-dialog-buttonpane点击
• dragStop
• 等

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

Answer 1

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

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

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

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