javascript - 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 对话框文档。

编辑

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

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

小提琴