...
open:function(event, ui) { $("myunimportantdiv").focus(); },
...
注意：作为一种临时解决方案，我修改了.ui-state-focus的CSS样式，但这并不理想...
使用 blur 方法。您可以尝试此示例。
<html>
<head>
<title>No Focus on jQuery Dialog</title>
<link type="text/css" rel="stylesheet" href="ui.all.css" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="ui.core.js"></script>
<script type="text/javascript" src="ui.dialog.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// Dialog to confirm or cancel
// Focuses on confirm by default.
$('#noFocusDialog').dialog({
autoOpen: false,
buttons: {
Confirm: function() {
$(this).dialog('close');
},
Cancel: function() {
$(this).dialog('close');
}
}
});
// Trigger to open the dialog
$('#openNoFocusDialog').click(function() {
$('#noFocusDialog').dialog('open');
// Remove focus on all buttons within the
// div with class ui-dialog
$('.ui-dialog :button').blur();
});
});
</script>
</head>
<body>
<a id="openNoFocusDialog" href="#">Open Dialog</a>
<div id="noFocusDialog">
<p>Confirm that no elements have focus</p>
</div>
</body>
</html>
谢谢您的回答，但是在我看来，最好的解决方案（至少对我而言，代码最少且不必在DOM上使用不必要的方法）是在对象数组中定义您的对话框按钮：
buttons: [{
id : "button1",
text : "Button1 text",
title : "tooltip1text1",
tabIndex: -1,
click : clickCallback
},{
id : "button2",
text : "Button2 text",
title : "tooltip1text2",
tabIndex: -1,
click : function(){$(this).dialog("close")}
}]
防止你的按钮获得焦点的重要部分是：tabIndex：-1
给你的按钮赋予id也是一种方便且易读的方法。
我也遇到了同样的问题...尝试将焦点设置到另一个元素并没有解决我的问题，但是在“open”回调函数中取消所选元素的焦点却起到了作用：
$('#dialog').dialog
({
open: function ()
{
$('#element-that-gets-selected').blur();
}
});
我想要防止焦点聚集在没有指定名称的情况下，可以使用类似于以下代码的选择器：
:first
$('#dialog').dialog
({
open: function ()
{
$(this).find('select, input, textarea').first().blur();
}
});
open: function() { $(".ui-dialog :button").blur(); } - JustinP8buttons: [
{
tabIndex: -1,
text: 'Yes',
click: function(){
DeleteStuff();
$(this).dialog('close');
}
},
{
text: 'No',
click: function(){
// Don't delete
$(this).dialog('close');
}
}
]
它明显的焦点导致jQuery Dialog打开时滚动到有趣的区域。现在几乎到处都在使用。
虽然模糊（blur）可以起作用，但如果内容很多就不行了。如果按钮在内容底部，模糊将删除选择，但仍将对话框滚动到底部。使用scrollTop将内容滚动到顶部，但保留选定的按钮。如果用户意外按下回车键，按钮或链接将被触发。我选择了一种组合方法：
$('#dialog').dialog({
open: function (event, ui){
$('a_selector').blur();
$(this).scrollTop(0);
}
});
非常顺利地完成了...
只需添加此行代码即可删除自动对焦功能：
$.ui.dialog.prototype._focusTabbable = function(){};
你可以将它添加到一个共享的Javascript文件中，这样就可以防止所有对话框自动聚焦！不再需要在所有对话框中复制和粘贴。
<span class="ui-helper-hidden-accessible"><input type="text" /></span>
这是我通常做的事情，总是有效：
open: function() {
$('.ui-dialog button').removeClass('ui-state-focus');
},
<div id="dialog-confirm" title="Warning!">
<input type='text' size='0' style='position:relative;top:-500px;' />
<span class="ui-icon ui-icon-alert" style="float: left; margin: 0 0 0 0;"></span>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit
amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi
vitae est. Mauris placerat eleifend leo.</p>
</div>
嗯，这里的所有解决方案似乎都需要使用代码或者hack。所以我将发布我的解决方案，仅基于CSS覆盖。让我感到困扰的是轮廓使按钮看起来像是“已选中”，因此我只是用“none”来覆盖它：
.ui-dialog .ui-dialog-titlebar button.ui-button:focus,
.ui-dialog .ui-dialog-titlebar button.ui-button.ui-state-focus,
.ui-dialog .ui-dialog-titlebar button.ui-button.ui-state-active,
.ui-dialog .ui-dialog-titlebar button.ui-button.ui-state-hover {
outline:none;
}