深入鏈接jquery標籤

Question

我正在尋找一個插件/示例/教程，將告訴我如何深入鏈接jQuery的標籤和嵌套選項卡。有誰知道我在哪裏可以找到這樣的例子？我想添加到一個網站，但我不知道從哪裏開始。

Answer 1

的Asual的jQuery插件地址應該是排序爲你，大量的實例以及http://www.asual.com/jquery/address/或在github https://github.com/asual/jquery-address

或者你可以嘗試本alman的jQuery的燒烤插件

希望幫助！

Answer 2

所有使用'select'方法的解決方案都不適用於更高版本的jquery選項卡。 現在通過將選項激活到選項卡的所需int（偏移量爲0）來完成。 而且這個函數比jQuery地址插件更輕量級（更不用說全功能）。

function initTabs() { 
var tabIndex = {'yourTabID-1':0,'yourTabID-2':1,'yourTabID-3':2} 
var re = /#\w+$/; // This will match the anchor tag in the URL i.e. http://here.com/page#anchor 
var match = re.exec(document.location.toString()); 
match = location.hash; 
if (match != null) var anchor = match.substr(1); 
for (key in tabIndex) { 
    if (anchor == key) { 
     selectedTab = tabIndex[key]; 
     break; 
    } 
else selectedTab = 0; 
} 
$("#tabs").tabs("option", "active", selectedTab); 
//following part only if You need copyable deeplinks 

$("#tabs").on("tabsactivate", function(event, ui) { 

    var re = /#\w+$/; 
    var url = document.location.toString(); 
var newHash = 'yourTabID-' + ui.newTab.context.id.substring(6); 
window.location.hash = newHash; 
}); 
}