【问题标题】:Change bootstrap tabs when coming from another page来自另一个页面时更改引导选项卡
【发布时间】: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


【解决方案1】:

你要找的答案大概就在这里,一起来看看吧。

Bootstrap tabs opening tabs on another page

【讨论】:

  • 请解释一下你的回答。
  • 谢谢@Saa_keetin,这就是我想要的。
  • 欢迎您,如果您仍需要解释,请告诉我 :)
猜你喜欢
  • 2019-12-24
  • 1970-01-01
  • 2018-06-20
  • 2013-10-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-01-01
  • 2016-12-18
相关资源
最近更新 更多