2013-08-19 52 views
0

我有一個jQuery地址插件的小問題。jQuery地址插件與導航和標籤

我必須將它同時添加到導航欄和標籤中。

有2個問題,我似乎無法弄清楚。

1)當點擊導航元素時,不是將位置路徑更改爲鏈接的路徑+ href,而是將其添加爲「home.html#/ about.html」。

2)當我們轉到選項卡部分時,他們更改爲「id」,但由於該頁面未從location.path更改,因此將其添加到被單擊的第一頁。 =>「home.html#direction-tab」當發生這種情況時,我無法鏈接到該選項卡,因爲它指向主頁而不是聯繫人頁面。

我閱讀關於選項卡(使用jQuery UI)的文檔,但由於html結構有點不同,我更願意將其添加爲自定義。

JS:

$.address.change(function(event) { 
    if (event.value != undefined && event.value != '/') { 
     $('#content').load(event.value.replace(/\//,'')+ ' #content') 
    } 
}) 

我試圖向圖書館添加的聯繫,並與他們喜歡在現場直播的exmaples的一個工作,但我沒有,似乎完全得到它背後的邏輯。

jsFiddle

回答

0

看來我看着辦吧。

$(document).on('click', '.tabs a', function() { 
    var internal_path = $(this).attr('rel').replace(/\w+\:/, ''); 
    var href = $(this).attr('href'); 
    $.address.value(internal_path+href); 
    return false; 
});