jQueryの - 私はシンプルなダイナミックこのコードを使用してページBにギャラリーをタブ付き持つデータ属性

Question

を使用してページへのリンク：

$('ul.tabs li').click(function(){ 
    event.preventDefault(); 

    var tab_id = $(this).attr('data-tab'); 

    $('ul.tabs li > figcaption').removeClass('current'); 
    $('.tab-content').removeClass('current'); 

    $(this).find('figcaption').addClass('current'); 
    $("#"+tab_id).addClass('current'); 
}); 

は、私は私がページBにリンクすることをページAのリンクを持っていると仮定ページBの対応するタブがアクティブです。それをどうやってやりますか？私はhrefタグのデータ属性を調べようとしていましたが、私はとても混乱しています。

ありがとうございます！

Answer 1

ページハッシュを使用して、ページの最初のタブを指定します。ですから、tab3を表示させたい場合は、のようなリンクを使用します。

ページBで

<a href="page_b.html#tab3">...</a> 

、ページの読み込み時にハッシュをチェック：

$(document.ready(function() { 
    var hash = window.location.hash; 
    if (hash) { 
     $('ul.tabs li > figcaption, .tab-content').removeClass('current'); 
     $(hash).addClass('current'); 
     $('ul.tabs li[data-tab=' + hash.substr(1) +'] figcaption').addClass('current'); 
    } 
    ... 
});