0

クイックタブを作成するためにこのコードを書きました。ページを更新した後にアクティブなタブを記憶する方法が必要です。

これが私の基本的なHTMLコードです：

<ul class="dashboard_tabs">
    <li><a href="#" rel="tab1">Tab 1</a></li>
    <li><a href="#" rel="tab2">Tab 2</a></li>
    <li><a href="#" rel="tab3">Tab 3</a></li>
    <li><a href="#" rel="tab4">Tab 4</a></li>
</ul>

<div class="dashboard_body" id="tab1">

</div>

<div class="dashboard_body" id="tab2">

</div>

<div class="dashboard_body" id="tab3">

</div>

<div class="dashboard_body" id="tab4">

</div>

rel 関係を使用して、次のコードで正しいタブを表示します。

jQuery(document).ready(function(){
    jQuery('.dashboard_body').css({display: 'none'});
    jQuery('.dashboard_tabs a:first').addClass('current');
    var rel = jQuery('.dashboard_tabs a.current').attr('rel');
    jQuery('#'+rel).show();

    jQuery('.dashboard_tabs a').click(function(){
        jQuery('.dashboard_tabs a').removeClass('current');
        jQuery('.dashboard_body').hide();
        jQuery(this).addClass('current');
        var rel = jQuery(this).attr('rel');
        jQuery('#'+rel).show();
    });
});

jQuery Cookie を使用してアクティブなタブを記憶するにはどうすればよいですか?

4

2 に答える 2

1

クリック機能でCookieを作成/更新するだけです

$.cookie('active_tab', rel);

次に、ready 関数で Cookie からアクティブなタブを簡単に読み取り、CSS などで必要なことを何でも行うことができます。

于 2012-09-25T10:44:40.880 に答える
0

この質問を見てください: How to set/unset cookie with jQuery? . プラグインを使用jquery-cookieして、Cookie を簡単に操作できます。Cookieからdocument ready読み取りrel、正しいタブを設定します。クッキーclick eventに保存relするだけです。

于 2012-09-25T10:45:08.447 に答える