Jquery nav toogle类活动不'；单击链接后无法工作

我有问题，我有一个导航，它有class=“active”或inactive的链接。当你点击link last active时，我编写了jquery脚本，然后变为inactive，点击becames active。问题是当我点击脚本时，脚本只工作半秒，页面刷新，链接丢失以前的类别。第一个链接应该在登录后始终处于活动状态，因为登录会首先重定向到他

导航码

$（文档）.ready（函数（）{
$（函数（）{
var边栏=$（“#边栏”）；
侧栏.委托（“a.inactive”，“click”，函数（事件）{
event.preventDefault（）；
边栏。查找（“.active”）。切换类（“active-inactive”）；
$（this.toggleClass（“活动-非活动”）；
});
});
});
.active{背景色：黄色；}
.inactive{背景色：灰色；}











已弃用

改用

sidebar.on("click","a.inactive", function (event) { 

同时删除
$（document.ready（function（）{}）
-不需要它

添加处理以保持状态


$（函数（）{
const$侧边栏=$（“#侧边栏”）；
$sidebar.on（“单击”，“a.inactive”，函数（事件）{
event.preventDefault（）；//此语句将使链接无法工作
$sidebar.find（“.active”）.toggleClass（“active-inactive”）；
$（this.toggleClass（“活动-非活动”）；
});
$sidebar.on（“单击”，“a.active”，函数（事件）{
//sessionStorage.setItem（“active”，$（this.index（））；//在代码段中不起作用-在页面上取消注释
})
const idx=2；//sessionStorage.getItem（“活动”）| | 0；//取消注释并删除“2”
$sidebar.find（“.active”）.toggleClass（“active-inactive”）；
$sidebar.find（“.nav link”）.eq（idx）.toggleClass（“active-inactive”）；
});
.active{
背景颜色：黄色；
}
.不活跃{
背景颜色：灰色；
}











嗯，它不起作用。现在，我必须点击链接两次，使其工作，当我主动链接相同的情况导航回到他的开始。可能是因为我包含了导航，比如部分导航。你运行我的代码片段了吗？它似乎像预期的那样工作是的，试着点击你的链接两次。只有当您第二次点击时，它才起作用。我单击每个链接的右侧，并且颜色在第一次单击时发生变化
event.preventDefault（）将在墨迹处于非活动状态时停止墨迹工作-不确定您预期会发生什么-链接仅在处于活动状态时工作