Javascript 使用jquery和cookie单击时激活的导航栏按钮

我试图在单击导航栏按钮时将其置于活动状态，但无法找到正确的解决方案。我有这个：

var cookieValue=$.cookie("nav");

$('.nav.navbar-nav > li').on('click', function() {
    $.removeCookie("nav");
    $.cookie("nav", $('a',this).attr("id"), { expires: 7, path: '/' });
    var cookieValue = $.cookie("nav");
});
if(cookieValue)
{
    $('#' + cookieValue).addClass('active');
}

---

其中cookieValue是按钮的ID。

Hy。可能是因为您将if语句放在了click事件之外

试试这样的方法：

var cookieValue=$.cookie("nav");

$('.nav.navbar-nav > li').on('click', function() {
    $.removeCookie("nav");
    $.cookie("nav", $('a',this).attr("id"), { expires: 7, path: '/' });
    var cookieValue = $.cookie("nav");

if(cookieValue)
{
    $('#' + cookieValue).addClass('active');
}

});

这对我很有用：

    var cookieValue=$.cookie("nav");

    $('.nav.navbar-nav > li').on('click', function() {
        $.removeCookie("nav");
        $.cookie("nav", $('a',this).attr("id"), { expires: 7, path: '/' });
        var cookieValue = $.cookie("nav");
    });
    if(cookieValue)

{
    $('#' + cookieValue).removeClass('active');
    $('#' + cookieValue).parent().addClass('active');
}