设置

Question

我正在使用jQuery 3.3.1; Bootstrap 4.1.1。我在此网络应用程序的第一页上有用户名和密码文本框。我想将焦点放在第一个文本框中，这样：

//
// 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();
});