2014-03-30 109 views
0

我正在運行的jQuery 2.1.1-β1&的jQuery-UI-1.10.4用下面的JS在我的腳本文件:jQuery的標籤 - 不要通過#加載標籤(標籤內容ID)

$(document).ready(function(){ 
    $('.festival-list').tabs({ 
     beforeActivate: function(event, ui) { 
      ui.newTab.index(); 
     } 
    }); 
}; 

我想解決2個問題:


問題1:

我有一系列的做工精細標籤。我有一個標籤,裏面有一個新聞(#press)的ID。如果我加載網址(http://website-url.com/news/#press)。內容(標籤塊)正確顯示。

但是,當此url用作頁腳中的href時,頁面加載的鏈接無法正確加載選項卡(#press)。目前我必須點擊頁腳鏈接,然後點擊相關標籤才能加載該塊,因此沒有自動化。


問題2:

其次,我想湊的網址,希望這將有助於在導航過程中UI。

回答

1

URL中的哈希值僅適用於初始加載,因爲$.ready函數僅運行一次(在頁面加載時)。如果你想確保標籤& URL頁面加載後相互匹配,你可以不喜歡

$(window).on('hashchange', function processHashChange(e) { 
     ... 
    }); 

如果您正在尋找更多的站點範圍的解決方案,特別是如果你想要的UI要根據URL哈希執行復雜的行爲(例如,在頁面的一部分中隱藏/顯示標籤),您可能需要查看合適的JavaScript路由庫,如Crossroads

+0

謝謝你的回答,我會修改並檢查我什麼時候回到comp! – Neil

+0

工作得很好!回覆晚了非常抱歉。 – Neil