從另一頁直接鏈接到特定的選項卡窗格

Question

我正在使用以下代碼分離網站上的內容http://www.bootply.com/74926並且它工作正常。

但是，如果我想從另一個頁面直接鏈接到特定選項卡，我該如何去做這件事？

在網址中使用帶有ID的常規方式似乎無效 - 例如，的mypage.html＃一個

在此先感謝

Answer 1

的優勢與此代碼是，你不僅可以在同一頁面瀏覽到其他網站的標籤爲好。

$('#tab1 a').click(function (e) { 
    e.preventDefault(); 
    $('a[href="' + $(this).attr('href') + '"]').tab('show'); 
}) 

你可以看到它在我的jsfiddle工作如下：

http://jsfiddle.net/Anokrize/nP2Zk/317/

Answer 2

雖然我沒有去嘗試的機會，我想你可以通過JavaScript做到這一點。

當你從另一個頁面到另外一個頁面時， mypage#abc,#abc可以通過window.location.hash檢索。因此，一個簡單的解決方案可能是此javascript：

$(document).ready(function(){ 
    // get the tab from url 
    var hash = window.location.hash; 
    // if a hash is present (when you come to this page) 
    if (hash !='') { 
     // show the tab 
     $('.nav-tabs a[href="' + hash + '"]').tab('show'); 
    } 
}); 

只要確保你需要（從其他網頁）鏈接標籤具有作爲哈希