javascript - Cookie 和 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);