自动对焦在使用 MVC3 Razor 的局部视图中不起作用

Question

我正在使用 MVC 3 Razor，并且在 PartialView 中有一个简单的表单 [我将其显示为弹出窗口]。某些功能在 PartialView 中无法正常工作。例如自动对焦属性。

@Html.TextBoxFor(model => model.Code, new { style = "width:50px", maxlength = 4, autofocus = "" })

我已经尝试通过 jQuery 脚本设置焦点，但也不起作用。

$('#Code').focus();

我错过了什么吗？我是否必须在部分视图中导入一些脚本才能使其正常工作？

非常感谢任何帮助。

提前致谢。

更新：

我发现了问题...我正在加载窗口，然后在延迟 700 毫秒后显示它。我注释掉了 setTimeout 行并且它起作用了。一定是在加载表单时焦点起作用了，但是当我实际执行“open()”时，它又失去了焦点。

以前的代码

function openWindow(url, title) {
  var window = $("#Window").data("tWindow");
  window.ajaxRequest(url);
  window.title(title);
  setTimeout(showWindow, 700);
}

function showWindow() {
  var window = $("#Window").data("tWindow");
  window.open().center();
}

新代码

function openWindow(url, title) {
  var window = $("#Window").data("tWindow");
  window.ajaxRequest(url);
  window.title(title).open().center();;
//setTimeout(showWindow, 700);
}

感谢大家的回复。希望它可以帮助某人。

Answer 1

试试这个代码：

function openWindow(url, title) {
  var window = $("#Window").data("tWindow");
  window.ajaxRequest(url);
  window.title(title).open().center();
  //call after the content has been loaded from the Ajax request
  document.getElementById('Code').focus();
}