Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.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
Javascript 引导3导航栏切换不起作用_Javascript_Jquery_Twitter Bootstrap - Fatal编程技术网

Javascript 引导3导航栏切换不起作用

Javascript 引导3导航栏切换不起作用,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我的导航栏的切换按钮不起作用。我使用的代码是从一个具有全功能导航栏的引导模板复制和粘贴的。我不知道怎么了 <!-- Navigation --> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display -->

我的导航栏的切换按钮不起作用。我使用的代码是从一个具有全功能导航栏的引导模板复制和粘贴的。我不知道怎么了

<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header page-scroll">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                <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="#page-top">Name</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li class="hidden">
                    <a href="#page-top"></a>
                </li>
                <li class="page-scroll">
                    <a href="#portfolio">Home</a>
                </li>
                <li class="page-scroll">
                    <a href="#about">Downloads</a>
                </li>
                <li class="page-scroll">
                    <a href="#contact">Contact</a>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
</nav>
下面是JavaScript和jQuery文件的脚本标记。它们没有被修改

<!-- jQuery -->
<script src="js/jquery.js" />

<!-- Latest compiled and minified JavaScript -->
<script src="js/bootstrap.js" />

你没有找到要放下的东西。你需要一个清单,使用一个无序的清单。你所拥有的只是按钮的名称。请参见下面的引导示例:


请为web开发创建一个简单的http服务器。到底什么不起作用?@wahwah以下是导航栏应该如何工作的示例:将窗口大小重新调整为移动屏幕大小,以显示切换按钮。问题是,单击按钮时,按钮没有任何作用。我也有完全相同的问题。。你找到解决方案了吗?对不起,我指的是切换按钮,就像在小屏幕上显示和隐藏导航栏内容一样。很抱歉造成混淆。你能给我发一个模板的链接,这样我就可以查看了,上面的脚本对我也不起作用。谢谢,我现在明白你的意思了。尽管我在任何地方都看不到切换按钮。它看起来只有在到达向下滚动中的某个点,或者在主容器下选择了一个图标后才会切换。您没有足够的原始模板,可能还有一些额外的javascript使其工作。出于某种原因,它不会为我下载,但我相信这就是它。