Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.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
Html 引导导航在子页面上不起作用_Html_Twitter Bootstrap - Fatal编程技术网

Html 引导导航在子页面上不起作用

Html 引导导航在子页面上不起作用,html,twitter-bootstrap,Html,Twitter Bootstrap,我一直在做的这个网站已经让我头痛不已了。我在StackOverflow和整个web上都找过了,但似乎没有人有和我一样的问题,所以我认为这可能是一个简单的解决方案,但以防万一。。。我的问题是: 到目前为止,我的网站是用Bootstrap构建的,它在屏幕顶部有一个导航栏,导航栏上的两个链接都有下拉菜单。这些下拉菜单只有在我不从子页面(或其中一个下拉菜单上列出的页面)访问它们时才会显示出来。我在导航栏的每个页面上使用的代码完全相同(当然除了文件路径),如下所示: <nav class="navb

我一直在做的这个网站已经让我头痛不已了。我在StackOverflow和整个web上都找过了,但似乎没有人有和我一样的问题,所以我认为这可能是一个简单的解决方案,但以防万一。。。我的问题是:

到目前为止,我的网站是用Bootstrap构建的,它在屏幕顶部有一个导航栏,导航栏上的两个链接都有下拉菜单。这些下拉菜单只有在我不从子页面(或其中一个下拉菜单上列出的页面)访问它们时才会显示出来。我在导航栏的每个页面上使用的代码完全相同(当然除了文件路径),如下所示:

<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="../index.html">Southeast Helping Hands</a>
    </div>
    <div id="navbar" class="collapse navbar-collapse">
        <ul class="nav navbar-nav">
            <li><a href="../index.html">Home</a></li>
            <li><a href="../community_resources.html">Community Resources</a></li>
            <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Events <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="../events.html">Events Calendar</a></li>
                    <li><a href="#">Community Christmas</a></li>
                    <li><a href="#">Food Handouts</a></li>
                </ul>
            </li>
            <li class="dropdown"><a href="#more-info" data-toggle="dropdown" class="dropdown-toggle">More Info <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="#">About</a></li>
                    <li><a href="contact.html">Contact</a></li>
                    <li><a href="#">Donate</a></li>
                </ul>
            </li>
        </ul>
    </div><!--/.nav-collapse -->
</div>
</nav>

切换导航
我已经将它与此代码隔离,我不相信我的CSS与此有任何关系。因此,每当屏幕小于某个宽度时,导航链接都会替换为汉堡菜单按钮,单击该按钮时会显示菜单,但该按钮在子页面上也不起作用


为了澄清这一点,导航链接工作正常,但是一旦我单击它们,下拉菜单就不会显示出来。

我在这个示例代码中没有看到任何可供参考的内容。我很可能怀疑您的资源在子页面上没有正确链接。如果它们与主页不在同一目录中,并且您复制粘贴了html链接标记,那么它们可能指向不同的方向。除非包含文件结构的屏幕截图,并包含引用资源的html,否则我不知道是否有足够的信息来解决此问题。

对不起,我应该澄清一下,一旦单击下拉导航,就不会显示,什么也不会发生。链接都是完美连接的,只是下拉导航没有显示。这段代码让我觉得您的问题在于您没有重写路径以说明辅助页面在文件结构中的位置:
  • 如果这段代码在您的登录页面中有效,那么它在events.html页面上就无效了,因为根据代码,这两个页面不在同一个目录中。作为参考,每当您编写文件路径时,您引用的地址的根目录被视为文件所在的目录。两个文件不能使用相同的文件路径,如果它们不在同一目录中,则无法访问相同的资源。另一件您没有指定的事情是,您是将CDN用于引导还是本地文件。如果您使用的是本地文件,那么您可能没有正确引用bootstrap.js。您可能没有在页面底部链接必要的bootstrap javascript文件。您使用的是什么版本的BS?