关闭jquery ui对话框后关注文本框

Question

我的asp.net MVC视图上有一个文本框，显示焦点上的JQuery UIi对话框。在这个对话框中，我想确保单击“确定”按钮时，父页面上的同一文本框应该显示弹出窗口的焦点。我尝试在关闭之前和之后使用JQuery焦点：

$(this).dialog("close");
$("#DefaultCallFrom1").focus();

但它不起作用。请提出解决方案。

Answer 1

初始化对话框时，使用close事件在对话框关闭时设置焦点：

$(this).dialog({
  close: function( event, ui ) {
     $("#DefaultCallFrom1").focus();
  }
});

关闭事件的jQuery UI对话框Docs。

修改

如果您在单击对话框中的按钮后尝试应用焦点，则应该如下所示：

$( "#dialog" ).dialog({ 
    autoOpen: true,
    buttons: [ 
        { 
            text: "Ok", click: function() {
                $( this ).dialog( "close" ); 
                $('#DefaultCallFrom1').focus();
            } 
        } 
    ] 
});

FIDDLE