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

active navbar button when is clicked using jquery and cookie

本文关键字：活动 导航 按钮 jquery cookie 单击 使用      更新时间：2023-09-26

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

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');
}
相关文章：