0

5 つの異なる Bootstrap タブがあります。タブの下にある入力フィールドを、現在表示されているタブに応じた値で更新できるかどうか疑問に思っていました。

私は何かを試しました：

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

})

これはtwitterのドキュメントにありますが、私は成功しませんでした。正直なところ、そのようなことが可能かどうかはわかりません...

たとえば、最初のタブが表示されている場合、input は値 1 を取得し、2 番目が表示されている場合、input は 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) {
  //???
})

どんなアイデアでも大歓迎です

4

1 に答える 1

0

私はそれを自分で解決しました...時々クラスを追加しましaた

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

等々....

とにかく助けてくれてありがとう

于 2013-06-25T08:14:59.160 に答える