怎么在页面重新加载时保持CSS不刷新？

我设计了个侧边导航栏，我的预想是点击导航栏里选项后，选项就变颜色，还要在当前窗口打开链接。

但是实际上点击链接后只会短暂变色，选项的样式很快就因为加载新页面而重置。

代码类似下面，如果没有页面更新的话就正常。

<ul class="nav nav-sidebar">
    <li class="active"><a>书籍列表<span class="sr-only">(current)</a></span></li>
    <li><a href="{% url 'a' %}">最热书籍</a></li>
    <li><a href="{% url 'b' %}">最新书籍</a></li>
    <li><a href="{% url 'c' %}">浏览最多</a></li>
</ul>
<script type="text/javascript">
$(function(){
    $(".nav.nav-sidebar li").click(function() {
        $(this).siblings('li').removeClass('active');
        $(this).addClass('active');                    
    });
}); 
</script>

你可以在右边用iframe, 点击链接后在iframe 里面显示

侧边导航栏可以设置公共部分，然后将其他页面通过点击导航，加载到指定区域，这样就做到，导航栏地址变，但是页面局域部分内容进行刷新，整个页面没有进行刷新，就是先变空白在加载的那种情况，导致页面不友好

初始化拿到url 去进行判断

笨方法，加个标识

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632