如何删除焦点在Tab键上按下jquery对话框上的关闭按钮

Question

当按下Tab键时，如何在jquery对话框中删除焦点关闭按钮。对于按钮，我使用了tab-index = -1并且它工作正常。 附上

 $('.ui-widget-content').blur();
 $('.ui-widget-content :button').blur();
 $('.ui-dialog-titlebar-close :link').blur();
 $('.ui-dialog-titlebar-close :button').blur();
 $('.ui-icon').blur();            
 $('.ui-icon-closethick').blur();
 $('.ui-dialog').removeClass('ui-state-focus');

http://jsfiddle.net/bharatgillala/a0ft8dm3/1/

我已尝试过以上陈述，但对我不起作用。

Answer 1

将tabindex="-1"添加到关闭按钮并触发模糊事件。你不需要你尝试的大多数东西，它可以像

一样简单

$(function () {
    $("#dialog").dialog();
    $('.ui-dialog-titlebar-close').attr('tabindex', '-1').blur();
});

演示： http://jsfiddle.net/a0ft8dm3/4/