Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Url 基于路径显示和隐藏div_Url_Html_Directory_Show - Fatal编程技术网

Url 基于路径显示和隐藏div

Url 基于路径显示和隐藏div,url,html,directory,show,Url,Html,Directory,Show,提前谢谢。我试着根据许多其他帖子和例子将其拼凑起来,但似乎无法实现。我想要的似乎很简单:根据加载的页面是否在网站的特定目录中,显示和隐藏特定的div。例如,我想要 div上的about nav可在我的网站www.mysite.com/about/about-us.html的/about目录中显示任何文件 下面是我的脚本,但它没有做任何事情。您可能会猜测,其他div是我的导航中的其他菜单项,其中-on是突出显示相应菜单项的div。因此,在下面的示例中,只有“off”div显示,其他div隐藏,但最

提前谢谢。我试着根据许多其他帖子和例子将其拼凑起来,但似乎无法实现。我想要的似乎很简单:根据加载的页面是否在网站的特定目录中,显示和隐藏特定的div。例如,我想要 div上的about nav可在我的网站www.mysite.com/about/about-us.html的/about目录中显示任何文件

下面是我的脚本,但它没有做任何事情。您可能会猜测,其他div是我的导航中的其他菜单项,其中-on是突出显示相应菜单项的div。因此,在下面的示例中,只有“off”div显示,其他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();
    }
});
哦,还有一点:对于根目录中的任何页面,我还需要在div show上显示nav home;那么我将如何解析这个URL呢


DD

经过更多的研究和修补,我发现以下内容适用于我问题的第一部分,尽管我不确定这个“如果”语句在简单的英语中听起来如何:

$(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文件中找到一种方法来实现这一点。

Ah。谢谢你,埃里克;看起来好多了。