Question

我对jQuery Address Plugin有点问题。

我必须同时将其添加到导航栏和标签页。

有两个问题似乎我无法弄清楚。

1）点击导航元素时，不会将位置路径更改为链接的路径+ href，而是将其添加为“ home.html＃/ about.html ”。

2）当我们转到标签部分时，它们会更改为“id”，但由于页面未从location.path更改，因此会将其添加到单击的第一页。 =＆GT; “ 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

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

带有导航和标签的jQuery地址插件

1 个答案: