Jquery 导航到特定页面时如何维护活动选项卡

我的页面上有一个导航栏。单击导航栏中嵌入的相对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>

这可能会回答您的问题@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>

$（文档）.ready（函数（）{
$（“.menu ul li a”）。每个（函数（）{
如果（$（this.attr（“href”）=“www.xyz.com/other/link1”）
$（此）.addClass（“活动”）；
})
})    
.active{颜色：红色；}

这可能会回答您的问题@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>

$（文档）.ready（函数（）{
$（“.menu ul li a”）。每个（函数（）{
如果（$（this.attr（“href”）=“www.xyz.com/other/link1”）
$（此）.addClass（“活动”）；
})
})    
.active{颜色：红色；}

舒马纳是正确的。但是，当您的页面每次单击都刷新时，这将不起作用

所以正确的方法是，您可以找到带有当前路径的锚标记，并向其添加一个“selected”类

$(document).ready(function(){
    var menu = $("a[href*='" + location.pathname + "']");
    menu[0].addClass('active');
});

因此，对于每个页面加载，您应该检查当前页面并将其设置为类

---

希望这能对你有所帮助。

舒马纳是正确的。但是，当您的页面每次单击都刷新时，这将不起作用

所以正确的方法是，您可以找到带有当前路径的锚标记，并向其添加一个“selected”类

$(document).ready(function(){
    var menu = $("a[href*='" + location.pathname + "']");
    menu[0].addClass('active');
});

因此，对于每个页面加载，您应该检查当前页面并将其设置为类

希望这对你有帮助