Javascript 如何用另一个活动菜单突出显示另一个菜单?

Javascript 如何用另一个活动菜单突出显示另一个菜单?,javascript,jquery,cakephp,Javascript,Jquery,Cakephp,这是我突出显示当前活动菜单的代码,但现在我想突出显示另一个带有其他页面的菜单。 例如,如果我的页面是/shops/add,我想突出显示/shops/confirm菜单。 我需要在代码中进行哪些更改? 谢谢 请尝试以下代码: <script type="text/javascript"> $(document).ready(function () { var url = window.location; $('ul.nav navbar-nav

这是我突出显示当前活动菜单的代码,但现在我想突出显示另一个带有其他页面的菜单。 例如,如果我的页面是/shops/add,我想突出显示/shops/confirm菜单。 我需要在代码中进行哪些更改? 谢谢

请尝试以下代码:

<script type="text/javascript">
    $(document).ready(function () {
        var url = window.location;
        $('ul.nav navbar-nav a[href="'+ url +'"]').parent().addClass('active');
        $('ul.nav a').filter(function() {
           return this.href == url;
        }).parent().addClass('active');
    });

我所做的只是将当前页面URL测试到所需的URL,然后用所需页面的href选择链接,并将类更改为活动。

。。。他们为什么要这样做?请提供一些解释。OP应该理解你是如何创建代码的,以及你选择的结果,这样他们才能最终决定这是否适合他们的目的。我所做的只是简单地测试当前页面url到我想要的url,然后我用我想要的页面的href选择链接,将类更改为活动并更改太好了。请把它放在你的答案中,因为它可能会帮助其他有类似问题的人。谢谢$document.readyfunction{var url=window.location;$'ul.nav导航栏导航a[href='+url+']''''.parent.addClass'active';ifurl==muslimmaps.localhost.com/shops/register\u shop\u确认{$'ul.nav导航栏导航a[href=muslimmaps.localhost.com/shops/register\u shop]'.parent.addClass'active}$'ul.nav a'.filterfunction{返回this.href==url;}.parent.addClass'active';};您的代码有错误:[href=muslimmaps.localhost.com/shops/register\u shop]'。应该是[href=muslimmaps.localhost.com/shops/register\u shop]'。请注意,我添加了一个简单的PHP方法,它可能会使您的JS代码变得不必要。
 $(document).ready(function () {
        var url = window.location;
if(url == "www.yoursite.com/shop/add"){
$('ul.nav navbar-nav a[href="www.yoursite.com/shop/add"]').parent().addClass('active');
}
    });