JQueryUI模式-聚焦于关闭按钮-如何移除聚焦于关闭按钮

JQueryUI模式-聚焦于关闭按钮-如何移除聚焦于关闭按钮,jquery,css,jquery-ui,Jquery,Css,Jquery Ui,使用JQueryUI模式对话框时,关闭按钮会自动聚焦在jquery工具提示中显示的标题前面。我不希望模态中的任何东西被聚焦。我曾尝试在模式窗口的标题上添加一个点击触发器,但似乎没有效果 请帮帮我 $(函数(){ $(“#对话框”)。对话框({ 宽度:710, 身高:410, 莫代尔:是的, 可调整大小:false, 可拖动:错误 }); }); .ui对话框标题栏{ 高度:15px; } iframe{ 位置:绝对位置; 最高:50%; 利润上限:-170px; 左:50%; 左边距

使用JQueryUI模式对话框时,关闭按钮会自动聚焦在jquery工具提示中显示的标题前面。我不希望模态中的任何东西被聚焦。我曾尝试在模式窗口的标题上添加一个点击触发器,但似乎没有效果

请帮帮我


$(函数(){
$(“#对话框”)。对话框({
宽度:710,
身高:410,
莫代尔:是的,
可调整大小:false,
可拖动:错误
});   
});

.ui对话框标题栏{
高度:15px;
}
iframe{
位置:绝对位置;
最高:50%;
利润上限:-170px;
左:50%;
左边距:-340px;
}
html,正文{
保证金:0;
填充:0;
身高:100%;
}

jQuery UI对话框-默认功能
要取消聚焦元素(
按钮
输入
等),您可以使用
模糊
功能()

我已经修复了你的代码片段

$(函数(){
$(“#对话框”)。对话框({
宽度:310,
身高:210,
莫代尔:是的,
可调整大小:false,
可拖动:错误
});   
/*这就是诀窍
*进行模糊并从焦点事件中移除hendler
*/
解模糊();
$('body')。单击(取消清除);
$('.ui按钮').off('focus');
});
函数unBlur(){
$('.ui按钮').blur();
}
.ui对话框标题栏{
高度:15px;
}
iframe{
位置:绝对位置;
最高:50%;
利润上限:-170px;
左:50%;
左边距:-340px;
}
html,正文{
保证金:0;
填充:0;
身高:100%;
}
钮扣{
大纲:无!重要;
}

我得到了答案。请找到来源


感谢各位宝贵的回复。

这两种解决方案对我都不起作用。我在野外发现了一个可以修复它的JSFIDLE

$( "#dialog-modal" ).dialog({
    height: 140,
    modal: true,

    // When the dialog is opened, move the focus off the button. This
    // causes the close button to trigger a click event when the space
    // key is pressed.
    open: function( e, ui ) {
        $( this ).siblings( ".ui-dialog-titlebar" )
                 .find( "button" ).blur(); 
    }
});

根据JQuery UI对话框的文档,在对话框中打开后,焦点设置如下:

jQuery(document).tooltip({
    items: "[title]:hover"
});
聚焦

打开对话框时,焦点将自动移动到第一个位置 符合以下条件的项目:

  • 对话框中具有自动聚焦属性的第一个元素
  • 对话框内容中的第一个:tabbable元素
  • 对话框buttonpane中的第一个:tabbable元素
  • 对话框的关闭按钮
  • 对话本身
  • 资料来源:

    问题来自jQueryUI工具提示。默认情况下,工具提示显示在
    鼠标上方
    焦点

    如果对话框中没有任何其他可聚焦的内容,则会转到第4点并聚焦关闭按钮,从而显示工具提示

    您应该调整配置工具提示的方式,以便“关闭”按钮没有工具提示,或者在焦点上不显示工具提示

    我认为不能在焦点上显示工具提示,这样就禁用了工具提示的焦点:

    jQuery(document).tooltip({
        items: "[title]:hover"
    });
    

    当然,您可能必须根据创建工具提示的方式调整代码。

    您可以添加具有自动对焦功能的隐藏输入

    <input type="hidden" autofocus="autofocus" />
    

    }))

    您的popup.html src在哪里?您可以使用任何html页面而不是popup。html@NarendrakumarMhtml popUp.html不重要..是的。我知道。这就是我为什么不在这里发布它的原因。谢谢,但如果我再次点击外部弹出窗口(灰色区域),我会把注意力集中在关闭按钮上(在chrome中关闭按钮周围的蓝线)