當我右鍵單擊選定的選項卡並在新選項卡上打開它時，它總是打開默認的活動選項卡

Question

 <li class='active'> <a data-toggle='tab' href='#table' class="tab_list" > <div> <span style="font-size: 16px;">Tweets</span> </div> </a> </li> <li> <a data-toggle='tab' href='#summary' class="tab_list"> <div> <span style="font-size: 16px;">Metrics</span> </div> </a> </li> <div class="tab-content " style=" background-color:;padding-left: ;"> <!--METRICS TAB--> <div id='summary' class='tab-pane fade'> <h1>abc</h1> </div> <!--METRICS TAB END--> <!--Tweets table TAB--> <div id='table' class='tab-pane fade in active'> <h1>abc</h1> </div>

我的側面導航欄中有多個選項卡，我想在新的瀏覽器選項卡中打開我選擇的選項卡，但是當我右鍵單擊所選選項卡並在新選項卡上打開它時，它總是打開默認的活動選項卡。 我想打開選定的標簽

Answer 1

你可以用 javascript/jquery 來做到這一點。 檢查url是否包含hash，如果有同名id，觸發click事件顯示。

        <script>
        $(document).ready(function () {   
            var url = $(location).attr('href');
            if(url.indexOf("#")) {
                var tabId = window.location.hash;
                console.log(tabId);
                console.log($('a[href="'+tabId+'"]').parent('li'));
                if($('a[href="'+tabId+'"]').parent('li').length){
                   $('a[href="' + window.location.hash + '"]').trigger('click');
                }
            }                
        });

    </script>