jquery输入焦点在设置后消失

Question

我正在使用jQuery 3.3.1;引导程序 4.1.1.我在此 Web 应用程序中的第一页包含用户名和密码文本框。 我想将焦点放在第一个文本框中，所以我这样做：

//
// put focus in the first non-hidden field on a page
$(":input:not(:hidden)").first().focus();

在我的基本JavaScript文件中。 我正在其他应用程序中使用它，它可以工作，或者它似乎有效。

在这个应用程序中，虽然我可以加载页面并看到焦点突出显示正确的输入字段，然后它消失了。 我可以看到我的.js文件正在加载中。 我可以在上面的行上放置一个断点，并且(在 chrome 中(焦点似乎已设置，但在我跨过该行之前就消失了。 上面的行是.js文件中倒数第二行;最后一行是console.log()。

我也尝试过：$(":input:not(:hidden)").eq(0).focus();基于另一个SO问题。

Answer 1

确保事先加载文档并使用以下方法

$(document).ready(function() {
$('input:not(:hidden)').first().focus();
});