0

jQuery Address Plugin に少し問題があります。

ナビゲーションとタブに同時に追加する必要があります。

私が理解できないと思われる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')
    }
})

リンクにタイトルを追加して、実際のサイトの例の 1 つと同じように操作しようとしましたが、その背後にあるロジックを完全には把握していないようです。

jsフィドル

4

1 に答える 1

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;
});
于 2013-08-20T18:35:07.617 に答える