Question

提前致谢。我试图根据许多其他帖子和示例将它拼凑在一起，但似乎无法使它工作。我所追求的似乎很简单：根据加载的页面是否在网站上的特定目录中显示和隐藏特定的div。所以，例如，我想要 about-nav-on div可以随时显示我的网站上/ about目录中的文件：www.mysite.com/about/about-us.html。

下面是我的脚本，但它没有做任何事情。您可以推测，其他div是导航中的其他菜单项，-on是突出显示相应菜单项的菜单项。所以在下面的例子中，只有“off”div显示，其他的是隐藏的，除了在最后一种情况下，这是我要强调的那个，因为这个页面位于/ about目录中。

再次，在此先感谢。并且要温柔。

$(document).ready(function() {
    if (location.pathname.split("/")[1] == 'about' ) {
        $('#nav-home').show();
        $('#nav-home-on').hide();
        $('#nav-believe').show();
        $('#nav-believe-on').hide();
        $('#nav-schedule').show();
        $('#nav-schedule-on').hide();
        $('#nav-directions').show();
        $('#nav-directions-on').hide();
        $('#nav-about').hide();
        $('#nav-about-on').show();
    }
});

哦，和P.S。：我还需要为根目录中的任何页面设置nav-home-on div show;那么我将如何解析该URL？

DD

Answer 1

经过更多的研究和修补，我发现以下内容适用于我的问题的第一部分，虽然我不确定这个“if”语句是如何用简单的英语发音的：

$(document).ready(function(){  
    if(window.location.href.indexOf("believe") > -1) {
       $('#nav-home').show();
       $('#nav-home-on').hide();
       $('#nav-believe').hide();
       $('#nav-believe-on').show();
       $('#nav-schedule').show();
       $('#nav-schedule-on').hide();
       $('#nav-directions').show();
       $('#nav-directions-on').hide();
       $('#nav-about').show();
       $('#nav-about-on').hide();
    }
 });

但是，如果我正在加载的文件位于根目录中，可以使用如何显示/隐藏div的帮助。现在，我只是使用：

        $(window).load(function(){  
        $('#nav-home').hide();
        $('#nav-home-on').show();
    }

在主页上的脚本中。但我想在.js文件中找到一种方法。

根据路径显示和隐藏div

1 个答案: