jQuery函數如果Bootstrap選項卡顯示，設置值爲輸入，每個選項卡不同

我有五個不同的Bootstrap選項卡。我想知道是否可以更新位於選項卡下方的輸入字段，其中某個值取決於當前顯示哪個選項卡。jQuery函數如果Bootstrap選項卡顯示，設置值爲輸入，每個選項卡不同

我已經試過的東西：

$('a[data-toggle="tab"]').on('shown', function (e) { 

})

這是Twitter的文檔中，但我沒有成功，老實說，我沒有主意，如果類似的東西，甚至有可能...

例如，如果顯示第一個選項卡，輸入獲取值1，如果顯示第二個，輸入獲取2等等......

而我不想用點擊標籤導航解決它，在我的項目標籤，導航不會以這種方式顯示...

這裏的jsfiddle，您可以編輯：http://jsfiddle.net/dzorz/3mLF3/

HTML：

<div class="container"> 
    <ul class="nav nav-tabs"> 
     <li class="active"><a href="#one" data-toggle="tab">One</a></li> 
     <li><a href="#two" data-toggle="tab">Two</a></li> 
     <li><a href="#three" data-toggle="tab">Three</a></li> 
     <li><a href="#four" data-toggle="tab">Four</a></li> 
     <li><a href="#five" data-toggle="tab">Five</a></li> 
     </ul> 
    <ul class="tab-content"> 
      <li class="tab-pane fade in active" id="one"> 
      first 
     </li> 
      <li class="tab-pane fade in" id="two"> 
      second     
     </li> 
      <li class="tab-pane fade in" id="three"> 
      third  
     </li> 
      <li class="tab-pane fade in" id="four"> 
      fourth  
     </li> 
      <li class="tab-pane fade in" id="five"> 
       fifth 
      </li> 
    </ul> 
    <br/> 
    <input type="text" class="span2" id="number" name="number"> 
</diV>

jQuery的，到目前爲止沒有什麼：

$('a[data-toggle="tab"]').on('shown', function (e) { 
    //??? 
})

任何想法是值得歡迎的

來源

2013-06-24 dzordz

我解決了它我自己...每增加一班a，然後

$('.one-tab').on('shown', function (e) { 
       $('#number').val('1'); 
      });

等等....

感謝您的幫助反正

來源

2013-06-25 08:14:59 dzordz

jQuery函數如果Bootstrap選項卡顯示，設置值爲輸入，每個選項卡不同

回答

相關問題