0

我有五个不同的引导选项卡。我想知道是否可以更新位于选项卡下方的输入字段，其值取决于当前显示的选项卡。

我已经尝试过：

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

})

这是在 twitter 文档中，但我没有成功，老实说，我不知道这样的事情是否可能......

例如，如果显示第一个选项卡，则 input 获取值 1，如果显示第二个选项卡，则 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 回答