带有导航和选项卡的jQuery地址插件

Question

我在使用jQuery地址插件时遇到了一个小问题。

我必须将它同时添加到导航和选项卡中。

有两个问题我好像想不通。

1） 当点击导航元素时，它没有将位置路径更改为链接的路径+href，而是像"home.html#/about.html"一样添加它。

2） 当我们转到选项卡部分时，它们会更改为"id"，但由于页面没有从位置更改。路径会将其添加到单击的第一个页面。=>"home.html#方向选项卡"发生这种情况时，我无法链接到该选项卡，因为它指向的是主页而不是联系人页面。

我阅读了关于选项卡的文档（使用jQueryUI），但由于html结构有点不同，我更喜欢将其作为自定义添加。

JS:

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

我试着在链接中添加标题，并像现场网站中的一个exmaple一样使用它们，但我似乎不太明白背后的逻辑。

jsFiddle

Answer 1

我似乎明白了。

$(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;
});