jquery - 导航到特定页面时如何保持事件选项卡

Question

我的页面上有一个导航栏。单击导航栏中嵌入的相对 URL 链接后，如何使我的选项卡变为事件状态？有jquery或javascript吗？当我单击各个选项卡时，我的页面会刷新，但我很困惑如何导航到另一个页面。

<ul class="navbar-nav navbar-right>">
    <li><a href="/reports">Reports</a></li>
    <li><a href="/resources">Resource Center</a></li>           
</ul>

Answer 1

这可能会回答你的问题@Jeffrey

$(".nav a").on("click", function(){ 
    $(".nav").find(".active").removeClass("active"); 
    $(this).parent().addClass("active");
});

为您提供更准确的解决方案。

<div class="menu">

    <ul>
    <li><a href="~/link1/">LINK 1</a>
    <li><a href="~/link2/">LINK 2</a>
    <li><a href="~/link3/">LINK 3</a>
    </ul>

</div>
    <script>
    $(document).ready(function(){
    $(".menu ul li a").each(function(){
        if($(this).attr("href")=="www.xyz.com/other/link1")
            $(this).addClass("active");
    })
})    
    </script>
    <style>
    .active { color: red; }

    </style>