jQuery focus（）在Bootstrap输入字段不起作用

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已经不必要了。

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

应该可以正常工作

Answer 2

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

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