jquery<；李>；单击导航到url并在之后添加类

我试图在单击内部链接并导航到该url时向li元素添加一个类，但该类在页面加载后消失。 那么，如何在页面加载后添加类呢

<ul>
<li class="tab"><a href="./my_page.html" class="li-trigger">My Page</a></li>
<li class="tab"><a href="./some_page.html">Some Page</a></li>
<li class="tab active"><a href="./some_page2.html">Another Page</a></li>
</ul>


<script type="text/javascript">
    jQuery(document).ready(function(){  
        jQuery('.li-trigger').click(function (event){
            jQuery(this).parent('li').addClass('active').siblings().removeClass('active');
        });
    }); 
</script>

jQuery（文档）.ready（函数（）{
jQuery（'.li触发器'）。单击（函数（事件）{
jQuery（this）.parent（'li'）.addClass（'active'）.sides（）.removeClass（'active'）；
});
}); 

您的网页不记得任何东西。但是，您可以使用用户单击按钮的localStorage创建内存

jQuery（document）.ready（function（）{
jQuery（'.li触发器'）。单击（函数（事件）{
jQuery（this）.parent（'li'）.addClass（'active'）.sides（）.removeClass（'active'）；
setItem（'clicked'，'yes'）；
});
if（localStorage.getItem（'clicked'））{
jQuery（'.li触发器'）。单击（）；
}
});





您的网页不记得任何东西。但是，您可以使用用户单击按钮的localStorage创建内存


jQuery（document）.ready（function（）{
jQuery（'.li触发器'）。单击（函数（事件）{
jQuery（this）.parent（'li'）.addClass（'active'）.sides（）.removeClass（'active'）；
setItem（'clicked'，'yes'）；
});
if（localStorage.getItem（'clicked'））{
jQuery（'.li触发器'）。单击（）；
}
});





jQuery

$(document).ready(function(){
  var path = window.location.pathname;
  $('.li-trigger[href="'+path+'"]').parent('li').addClass('active').siblings().removeClass('active');
});

这将查找.li触发器的href并将活动类添加到相应的jQuery中

$(document).ready(function(){
  var path = window.location.pathname;
  $('.li-trigger[href="'+path+'"]').parent('li').addClass('active').siblings().removeClass('active');
});

这将查找.li触发器的href并将活动类添加到相应的
页面加载时需要执行此操作，而不是在单击处理程序中。迭代链接并将href与当前页面url进行比较

$(function(){
  var pageUrl = location.href;
  $('.tab a').each(function(){
     $(this).parent().toggleClass('active', this.href === pageUrl);
  });
})

您需要在页面加载时执行此操作，而不是在单击处理程序中。迭代链接并将href与当前页面url进行比较

$(function(){
  var pageUrl = location.href;
  $('.tab a').each(function(){
     $(this).parent().toggleClass('active', this.href === pageUrl);
  });
})

显然，当您重新加载时，它将恢复为默认值。你希望它做什么？正如我上面提到的，我希望在点击链接后保持“活动”类。显然，当你重新加载时，它会恢复为默认值。你希望它做什么？正如我上面提到的，我想在点击链接后保持“活动”类。好主意，但是如果点击其他选项卡，如何删除该类？我忘记编辑了，只有“我的页面”链接有类“li触发器”。谢谢。您可以在其他事件处理程序中执行
localStorage.removietem（'click'）
。好主意，但是如果单击其他选项卡，如何删除该类？我忘记编辑了，只有“我的页面”链接有类“li触发器”。谢谢。您只需在另一个事件处理程序中执行
localStorage.removietem（'click'）
。