b3的tab用法 我在第二个div里面有提交或者其他动作,点击后刷新到第一个div了,怎么才能让它刷新也是在当前的div页面
代码:
<div class="portlet-title">
<ul class="nav nav-tabs">
<li class="active">
<a href="#content1" data-toggle="tab">
<i class="fa fa-align-justify"></i> 列表 </a>
</li>
<li>
<a href="#content2" data-toggle="tab">
<i class="fa fa-align-justify"></i> 标题2 </a>
</li>
</ul>
</div>
<div id="rightID">
<div id="tab-content" class="tab-content">
<div class="tab-pane fade in active" id="content1">1</div>
<div class="tab-pane" id="content2">
<form t:type="Form">
<label>oo</label> <input type="textfiel"></input>
<input t:type="submit" class="btn btn-xs blue btn-l1" value="Add"></input>
</form>
</div>
</div> </div>
如代码,在content2 ,然后点击按钮 页面就刷新跳到第一个content1了,怎么才能不调到那里
<div class="portlet-title">
<ul class="nav nav-tabs">
<li class="active">
<a href="#content1" data-toggle="tab">
<i class="fa fa-align-justify"></i> 列表 </a>
</li>
<li>
<a href="#content2" data-toggle="tab">
<i class="fa fa-align-justify"></i> 标题2 </a>
</li>
</ul>
</div>
<div id="rightID">
<div id="tab-content" class="tab-content">
<div class="tab-pane fade in active" id="content1">1</div>
<div class="tab-pane" id="content2">
<form t:type="Form">
<label>oo</label> <input type="textfiel"></input>
<input t:type="submit" class="btn btn-xs blue btn-l1" value="Add"></input>
</form>
</div>
</div> </div>
如代码,在content2 ,然后点击按钮 页面就刷新跳到第一个content1了,怎么才能不调到那里
1 个回复
rew1011
赞同来自:
<div class="tab-pane fade in active" id="content1">其中的active和in是选中当前选项卡内容的意思。
通过js脚本同时控制标签和内容的class即可。