javascript - Bootstrap输入字段上的jQuery focus（）不起作用

Question

我想要一个搜索输入字段来自动关注页面加载。所以我尝试了以下方法：

(function () {
    $('#searchbox').focus();
})

然而，这根本没有任何作用。我认为它可能与我拥有的其他一些代码冲突，所以我在 Bootstrap 示例页面http://twitter.github.com/bootstrap/examples/hero.html上做了一个简单的测试。在 Chrome 控制台中，我输入$('input:first').focus();了这个<input class="span2" type="text" placeholder="Email">作为返回值，但它也没有关注电子邮件字段。

加载页面时仅关注某个输入字段我做错了什么？

Answer 1

您的初始代码应该可以正常工作，但是您没有添加第二对括号来调用您的匿名函数。如果它在页面底部，那么 DOM 的相关部分将在那时准备好，从而使 jQuery domready 变得不必要。

;(function () { $('#searchbox').focus(); })();

应该工作得很好

Answer 2

您可能需要等到页面加载完毕。尝试类似：

$(document).ready(function () {$('#searchbox').focus(); });