关闭jquery UI对话框后，聚焦文本框

focus the textbox after jquery ui dialog is closed

本文关键字：聚焦 文本 jquery UI 对话框 关闭      更新时间：2023-09-26

在我的asp.net MVC视图上有一个文本框，它显示了一个JQuery ui对话框。在这个对话框中，我想确保当OK按钮被点击时，相同的文本框在父页面上应该得到焦点显示弹出。我尝试使用JQuery焦点之后和之前关闭，像这样:

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

但是它不工作。

初始化对话框时，使用close事件来设置对话框关闭时的焦点:

$(this).dialog({
  close: function( event, ui ) {
     $("#DefaultCallFrom1").focus();
  }
});
jQuery UI Dialog Docs用于关闭事件。

编辑

如果你想在点击对话框中的按钮后应用对焦，那应该像这样简单:

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

小提琴

相关文章：