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

这是我的html

<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>

如有任何帮助，将不胜感激