我正在使用Joshua Gatcke的99Lime HTML Kickstart框架進行原型設計。 它使用jQuery選項卡的實現,我想知道是否可以直接通過URL訪問選項卡。使用URL訪問正確的選項卡
因此,例如,我有一個頁面,在這種情況下是靜態內容。 一個是#settings
,另一個是#users
。 我想將用戶重定向到/dashboard#users
,並立即顯示用戶選項卡。
這是可能的嗎?
我正在使用Joshua Gatcke的99Lime HTML Kickstart框架進行原型設計。 它使用jQuery選項卡的實現,我想知道是否可以直接通過URL訪問選項卡。使用URL訪問正確的選項卡
因此,例如,我有一個頁面,在這種情況下是靜態內容。 一個是#settings
,另一個是#users
。 我想將用戶重定向到/dashboard#users
,並立即顯示用戶選項卡。
這是可能的嗎?
瞧:
$(document).ready(function(){
$(window).bind('hashchange', function(){
$('ul.tabs a[href^="' + document.location.hash + '"]').click();
});
if (document.location.hash.length) {
$(window).trigger('hashchange');
}
});
編輯:
在深入閱讀你的問題,我意識到,這是你所需要的:
$(document).ready(function(){
if (document.location.hash.length) {
$('ul.tabs a[href^="' + document.location.hash + '"]').click();
}
});
是的,是的。你有嘗試過什麼嗎?或者你只是問是否有一些開箱即用的方法來做到這一點?
如果它是第一次,這裏是一些僞代碼來做到這一點(我猜點擊一個選項卡顯示了吧?):
window.onhashchange = function(e) {
By.id(e.newUrl).click()
}
PS:使用By micro-library。
謝謝,我試圖鏈接到與哈希的網址,但無法弄清楚如何在JavaScript中使用該哈希。我想我在這裏找到了類似的解決方案:http://stackoverflow.com/questions/2687960/jquery-tabs-where-the-tab-content-can-be-linked-to – Simon 2012-03-21 10:12:14
是的,有這裏有很多關於SO的例子。基本上你在頁面加載時檢查'document.location.hash'值,並用javascript打開適當的選項卡。 – 2012-03-21 09:59:50