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使其工作。出于某种原因,它不会为我下载,但我相信这就是它。