外部引入该页面，点击li切换时，效果不出来，只是闪一下（即点击“就业信息”背景颜色不改变，只是闪一下）

[苹果加糖]

<style>
.active2{
background-color: green!important;
color: #FFFFFF!important;
}
</style>
<header>
    <div class="container">
    <div class="row">
        <div class="navigation">
            <ul>
               
                <li class="active2">
                    <a href="#" onclick="window.location.href='${request.contextPath }/website/infoHomess/serviceHome'">
                        服务管理
                    </a>
                </li>
                <li>
                    <a href="#" onclick="window.location.href='${request.contextPath }/website/infoHome/findJob'">
                        就业信息
                    </a>
                </li>
                <li>
                    <a href="#" onclick="window.location.href='${request.contextPath }/website/infoHomes/skillInterview'">
                        求职技能
                    </a>
                </li>
                
            </ul>
        </div>
    </div>
    </div>
</header>
<script>
$(".navigation ul li").on({
click:function(){
$(".navigation ul li").removeClass("active2");
$(this).addClass("active2");
}
});
</script>

[阳光越来越暖]

href="#" 改成 href="javascript:void(0)" 试一试

[阳光越来越暖]

window.location.href 会刷新页面 试试 通过浏览器url 让不同的li active