javascript - twitter bootstrap选项卡在选项卡单击时设置输入焦点

Question

我正在使用这个http://getbootstrap.com/javascript/#tabs在我的表单中创建选项卡。
我需要的是将焦点集中在显示的第一个 input="text" 上。

我无法在文档或其他地方找到它。

<div class="tabs">
<ul class="nav nav-tabs">
   <li class="active"><a data-toggle="tab" href="#login1">
      <span class="icon-key"></span>Login</a>
   </li>
   <li class="">
      <a data-toggle="tab" href="#register1"><span class="icon-user"></span>Register
      </a>   
   </li>
</ul>
<div class="tab-content">
   <div id="login1" class="tab-pane active">
      <input type="text"> <!-- focus when tab clicked -->
   </div>
   <div id="register1" class="tab-pane">
      <input type="text"> <!-- focus when tab clicked -->
   </div>
</div>

Answer 1

如果需要，请手动执行..

$(document).ready(function(){
    $(".tab-pane").on('click', function(){
        $(this).find("input[type=text]").filter(':visible:first').focus();
    });
});

锄头有帮助..