Cookies 和 javascript 导航（标签）

Question

我有一个导航选项卡，当用户单击一个选项卡时，div 会随着 ajax 发生变化。我希望它记住用户更改页面时的标签用户。我还没有完成标签导航，我对 javascript/jquery 完全陌生。这是标签的javascript：

 jQuery('#contentContainer #tabNavi .nav-item').each(function(i, item) {
        jQuery(item).bind('click', function() {
            if (jQuery('a', this).hasClass('activeTab')) {
                return;
            } else {
                jQuery('#contentContainer #tabNavi .nav-item' a').removeClass('activeTab').eq(i).addClass('activeTab');
                channel_id = jQuery('a', this).attr('href').split('#')[1];
                if (channel_id == _channel) {
                    return;
                }

            }
        })
    });

导航链接是这样的：

<li><a href="#39">Link1</a></li>
<li><a href="#53">Link2</a></li

现在我将 href 值保存在 cookie 中，但我不知道如何将活动类更改为正确的 li 项目，当用户进入页面并且他之前已经在网站上并且他点击了一些选项卡时。

Answer 1

将此代码放在点击事件初始化后（jQuery(item).bind('click', function() {...}）

var selectedTab = $.cookie('selectedTab');

if (selectedTab) {
    $('li[href="' + selectedTab + '"]').click();
}

UPD

稍加修改的代码

(function($) {

    $('#contentContainer #tabNavi .nav-item a').click(function() {

        var $link = $(this);
        $link.click(function() {
            if (!$link.hasClass('activeTab')) {
                $('#contentContainer #tabNavi .nav-item a.activeTab').removeClass('activeTab');
                $link.addClass('activeTab');
                $.cookie('selected-tab', $link.attr('href'));
            }

            return false;
        });

    });

    var selectedTab = $.cookie('selected-tab');
    if (selectedTab) {
        $('#contentContainer #tabNavi .nav-item a[href="' + selectedTab + '"]').click();
    }

})(jQuery);