jQuery UI 对话框 + ASP.NET 文本框 + 焦点答案

【问题标题】：jQuery UI Dialog + ASP.NET textboxes + focusjQuery UI 对话框 + ASP.NET 文本框 + 焦点
【发布时间】：2010-10-20 20:36:59
【问题描述】：

问题

我正在使用 jQuery UI 对话框来显示一个对话框，其中包含一些 ASP.NET 文本框和一个按钮。但是，当 jQuery 将对话框的 div 移到表单之外时，我需要自己将其重新移回表单（有关详细信息，请参阅this），这样 ASP.NET 仍然可以工作。这种移动导致了一个问题，即如果调用该字段，则不会获得焦点。

如果您查看下面的示例，标有 B 行的行应该设置焦点，但是标有 A 行的行打破了这一点。如果我注释掉 A 行，它会起作用。无论我将 B 行移动到何处（在对话框、A 行等之前），它仍然无法设置焦点。

通过设置焦点，我的意思是光标在文本框中闪烁，准备输入。

问问题在这种情况下如何设置焦点？

样本

HTML 正文示例

<body>
<form id="form1" runat="server">
<div id="popup">
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</div>
</form>
</body>

jQuery 示例

        $(document).ready(function() {
        var dlg = $("#popup").dialog();
        /*Line A*/ dlg.parent().appendTo(jQuery("form:first"));
        /*Line B*/ $("#TextBox2").focus();
    });

【问题讨论】：

查看我的解决方案以防止在 jQuery UI 对话框中跳转焦点 http://stackoverflow.com/a/9428501/1230428 祝你好运

标签： asp.net jquery jquery-ui

【解决方案1】：

尝试使用setTimeout("$('#TextBox2').focus();",100);，对于 jQuery UI 的对话框和其他方法，有时实际执行我们通过代码分配的任务需要几秒钟。

希望这会有所帮助。这种解决方法对我的许多应用程序都有帮助。

【讨论】：

工作，但不得不将我的超时时间提高到 500。谢谢

【解决方案2】：

我认为问题在于您在完全创建对话框之前移动弹出窗口并调用焦点。

尝试改用对话框的open 事件：

$(document).ready(function() {
  $("#popup").dialog({
    open: function(){
      $(this).parent().appendTo(jQuery("form:first"));
      $("#TextBox2").focus();
    }
  });
});

【讨论】：

到目前为止，这适用于我在 Ubunutu Firefox 10.0.2 和 IE 6 中。谢谢。

【解决方案3】：

它在 FF 中有效，但在 IE7 中无效。我想出了2个解决方法。如果您不按名称而是按位置引用文本框，或者由于某种原因您设置了两次焦点。

第一个：

$("input:text:second").focus();

第二个：

$("#TextBox2").focus().focus();

【讨论】：

【解决方案4】：

您还可以对文本框进行分类，因为 asp.net 会破坏控件 ID 以避免命名冲突。

$(".mytextbox").focus();

作为一个例子..这当然违背了语义的目的，但语义不能很好地与网络表单混合。

【讨论】：