2012-03-21 54 views
0

我正在使用Joshua Gatcke的99Lime HTML Kickstart框架進行原型設計。 它使用jQuery選項卡的實現,我想知道是否可以直接通過URL訪問選項卡。使用URL訪問正確的選項卡

因此,例如,我有一個頁面,在這種情況下是靜態內容。 一個是#settings,另一個是#users。 我想將用戶重定向到/dashboard#users,並立即顯示用戶選項卡。

這是可能的嗎?

+0

是的,有這裏有很多關於SO的例子。基本上你在頁面加載時檢查'document.location.hash'值,並用javascript打開適當的選項卡。 – 2012-03-21 09:59:50

回答

1

瞧:

$(document).ready(function(){ 
    $(window).bind('hashchange', function(){ 
     $('ul.tabs a[href^="' + document.location.hash + '"]').click(); 
    }); 

    if (document.location.hash.length) { 
     $(window).trigger('hashchange');    
    } 
})​;​ 

Working fiddle

編輯:

在深入閱讀你的問題,我意識到,這是你所需要的:

$(document).ready(function(){ 
    if (document.location.hash.length) { 
     $('ul.tabs a[href^="' + document.location.hash + '"]').click(); 
    } 
})​;​ 
1

是的,是的。你有嘗試過什麼嗎?或者你只是問是否有一些開箱即用的方法來做到這一點?

如果它是第一次,這裏是一些僞代碼來做到這一點(我猜點擊一個選項卡顯示了吧?):

window.onhashchange = function(e) { 
    By.id(e.newUrl).click() 
} 

PS:使用By micro-library

+0

謝謝,我試圖鏈接到與哈希的網址,但無法弄清楚如何在JavaScript中使用該哈希。我想我在這裏找到了類似的解決方案:http://stackoverflow.com/questions/2687960/jquery-tabs-where-the-tab-content-can-be-linked-to – Simon 2012-03-21 10:12:14

相關問題