javascript - 标签 <a> 在页面重新加载后失去背景

Question

我正在尝试使用 javascript 为我的元素分配背景，但标签仅在页面重新加载期间保留背景，然后切换回其正常背景。这是我的代码:

Javascript:

$(document).ready(function(){
    $(".container_menu ul li a").click(function() {
        $(this).addClass("active").siblings().removeClass("active");
    });
});

CSS:

.container_menu ul li a.active{
    background-color: rgba(255, 255, 255, 0.156863);
}

HTML:

<ul>
    <li><a class="" href="user">Home</a></li>
    <li><a class="" href="user/gallery">Gallery</a></li>
    <li><a class="" href="user/about">About the autor</a></li>
    <li><a class="" href="user/login">Manage</a></li>
</ul>

谢谢

Answer 1

原因是您使用的是 .active，这意味着背景仅在事件时适用。 https://jsfiddle.net/1p5zzwrf/1/

.container_menu ul li a.active{
    background-color: rgba(255, 255, 255, 0.156863);
}

.container_menu ul li a{
    background-color: rgba(255, 111, 255, 0.156863);
}