簡體   English   中英

來自其他頁面時更改引導程序選項卡

[英]Change bootstrap tabs when coming from another page

我在引導選項卡式面板中有一個主題設置的頁面。 我想從另一個頁面鏈接到主題。 當我轉到選項卡式頁面時,單擊一個按鈕時,活動選項卡會自動更改嗎? 即在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>

您正在尋找的答案可能在這里,看看。

引導程序選項卡在另一頁上打開選項卡

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM