我有五个不同的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) {
//???
})
欢迎任何想法
答案 0 :(得分:0)
我自己解决了......每个a
添加课程然后
$('.one-tab').on('shown', function (e) {
$('#number').val('1');
});
依旧......
无论如何,谢谢你的帮助