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

然后，您可以轻松地从您准备好的函数中的 cookie 中读取活动选项卡，并使用 CSS 或类似方法做任何您想做的事情。

于 2012-09-25T10:44:40.880 回答
0

看看这个问题：How to set/unset cookie with jQuery? . 您可以使用jquery-cookie插件来轻松操作 cookie。从cookie 中document ready读取并设置正确的选项卡。只保存rel在cookie 中。click eventrel

于 2012-09-25T10:45:08.447 回答