原因:
当你点击一个链接时,页面的整个DOM被拆除和丢弃,并创造了DOM更换通过阅读新页面的HTML。所以您对旧DOM的更改不会持久。
<ul class="nav nav-sidebar">
<li class="active"><a href="home.html" >收藏中心</a></li>
<li><a href="index.html">主页</a></li>
<li><a href="search.html">搜索</a></li>
</ul>
<script>
$(function () {
$(".nav-sidebar li").click(function () {
let index = $(this).index();
$(".nav-sidebar li").eq(index).addClass("active")
})
})
</script>
解决:
1.既然跳转链接之后DOM会销毁,我们可以先添加class属性,然后再离开的时候移除这个属性。
$(".nav-sidebar li").eq(index).removeClass("active")
2.还可以,直接在对应的跳转页面设置class属性,还不用移除了
<li class="active"><a href="home.html" >收藏中心</a></li>