twitter引導選項卡設置輸入焦點當選項卡單擊

我使用此http://getbootstrap.com/javascript/#tabs在我的窗體中創建選項卡。
我需要的是將重點放在顯示的第一個input="text"上。

我無法在文檔或其他地方找到它。twitter引導選項卡設置輸入焦點當選項卡單擊

<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>

來源

2014-09-03 JTC

第一個輸入字段將不會被自動聚焦，你可以做到以下幾點：

$('input').first().focus();

這將焦點的輸入欄。你甚至可能想這樣做就文件準備作爲啓動腳本，像這樣：

$(function() { 
    $('input').first().focus(); 
});

來源

2014-09-03 11:09:25

這就是隻是不工作 – JTC 2014-09-03 12:49:39

是啊對不起，我在最後有一個語法錯誤 – 2014-09-03 13:03:13

做，如果手動你想..

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

鋤頭，幫助..

來源

2014-09-03 11:37:33

這不適合我。 – JTC 2014-09-03 12:49:19

你可以創建一個小提琴嗎？ – 2014-09-04 04:17:22

twitter引導選項卡設置輸入焦點當選項卡單擊

回答

相關問題