如何在加载页面时将焦点设置到Bootstrap选项卡内容中的输入

Question

在我的网站上完成了bootstrap 3.3.6我有如下图所示的标签。 加载页面时，默认显示第一个选项卡（包含登录表单）。 我希望在加载页面时将焦点设置在电子邮件地址的输入字段中（下图中的第一个）。不幸的是，似乎没有考虑以下jquery-code：

$(document).ready(function () {
    $("#txtLoginAccountEmail").focus();
});

当焦点必须设置为标签内容中的输入字段时还有其他需要考虑的事项吗？，例如选项卡中的任何事件或其他...

Answer 1

您可以在输入标记中使用自动对焦属性。 <input type="email" autofocus>  应该工作

Answer 2

只需将活动类添加到标签的第一个li

即可

<ul class="nav nav-tabs">
    <li class="active"><a href="#">Login</a></li>
    <li><a href="#">Registration</a></li>
    <li><a href="#">Guest Account</a></li>
</ul>

或者通过jquery

$(".nav-tabs li:first-child").addclass('active');