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

Question

How can i remove the focus on close button in jquery dialog when tab key is pressed.For buttons i have used tab-index=-1 and it worked. Attaching the

 $('.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/

I have tried the above statements but did not work for me.

Answer 1

Add tabindex="-1" to close button and trigger blur event on it. You don't need most of the stuff you tried, it can be as simple as

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

Demo: http://jsfiddle.net/a0ft8dm3/4/