【发布时间】:2016-09-14 16:31:10
【问题描述】:
我有一个在引导选项卡式面板中设置主题的页面。 我想从另一个页面链接到主题。 当我转到选项卡式页面时单击一个按钮是否可以自动更改活动选项卡? 即在 page2.html 上单击链接并转到 page1.html 上的 tab2 或 tab3
<!-- tabs -->
<div id="helptabs">
<!-- tab pills -->
<div class="wrap clearfix">
<div class="container" id="fpills">
<div class="row">
<ul class="nav nav-pills" role="tablist">
<li role="presentation" class="active"><a href="#tab1" aria-controls="device-tab" role="tab" data-toggle="tab">Topic 1</a></li><li
role="presentation"><a href="#tab2" aria-controls="faq-tab" role="tab" data-toggle="tab">Topic 2</a></li><li
role="presentation"><a href="#tab3" aria-controls="help-tab" role="tab" data-toggle="tab">Topic 3</a></li>
</ul>
</div>
</div>
</div>
<!-- tab pills END -->
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="tab1">Topic 1 comes here</div>
<div role="tabpanel" class="tab-pane" id="tab2">Topic 2 comes here</div>
<div role="tabpanel" class="tab-pane" id="tab3">Topic 3 comes here</div>
</div>
<!-- tab panes END -->
</div>
<!-- tabs -->
在另一页上应该是
<a href="[link to page1]">Topic1</a>
<a href="[link to page1 tab2]">Topic2</a>
<a href="[link to page1 tab3]">Topic3</a>
【问题讨论】:
-
您想在页面加载时更改/选择特定标签吗?
-
到目前为止您尝试过的代码示例会有所帮助..
-
@user3273700 是的,我想在单击链接时更改特定选项卡
-
@Niveedit 我添加了代码,它是标准引导选项卡
标签: javascript jquery twitter-bootstrap twitter-bootstrap-3