来自其他页面时更改引导选项卡

时间:2016-09-14 16:31:10

标签: javascript jquery twitter-bootstrap twitter-bootstrap-3

我有一个主题设置在引导标签面板中的页面。 我希望从其他页面链接到主题。 当我进入选项卡页面时单击按钮是否可以自动更改活动选项卡? 即在page2.html上点击一个链接,然后转到page1.html上的tab2或tab3

//admin
$router->route['/admin']->route['default'] = function() { //line 51
    if (isLoggedIn())                                     //line 52
        goTo('CMS');                                      //line 53 <---
    else                                                  //and so on
        goTo('login');  
};

在另一页上它应该是

<!-- 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 -->

1 个答案:

答案 0 :(得分:0)

您正在寻找的答案可能在这里,看一看。

Bootstrap tabs opening tabs on another page