我的活动类会暂时转到下一个链接，只是在页面完成加载后返回上一个链接

Question

我已经尝试了针对同一问题提出的其他解决方案，但似乎没有一个适用于我的代码。

那是我的网页

<div class="col-md-3 profile-sidebar">
<div class="avatar-wrap d-flex justify-content-center">
<a href="">
<img src="{% static 'img/avatar.svg' %}" alt="{{ post.created_by.username }}"
class="circular w-100"> </a>
<span class="avatar-online"></span>
</div>
<h4 class="profile-meta">
<small class="profile-user-title">Team member</small>
</h4>
<div class="list-group nav-side">
<a class="list-group-item"
href="{% url 'users:user_posts' user.username user.pk %}">
<i class="fas fa-comment-alt fa-fw"></i> Posts</a>
<a class="list-group-item "
href="{% url 'users:user_topics' user.username user.pk %}">
<i class="fab fa-forumbee fa-fw"></i> Topics</a>
</div>

还有我的剧本

<script>
$(document).ready(function () {
$("a").click(function () {
$(".nav-side a").removeClass("active");
$(this).addClass("active");
});
});
</script>

任何帮助将不胜感激

Answer 1

JavaScript 在你点击链接时运行。它更改类。

然后浏览器点击链接并加载新页面。

这是一个不同的页面。

您对上一页所做的更改在新页面中不可见。

改用服务器端代码来设置类。