Javascript 可折叠开关不工作

Javascript 可折叠开关不工作,javascript,jquery,html,css,toggle,Javascript,Jquery,Html,Css,Toggle,我一直在寻找解决方案,但失败了。我为这样一个新手问题提前道歉。单击时的切换不会扩展到菜单项。我在“主页”上有这项工作,但无法让它在链接页面上这样做。代码与功能切换上的代码几乎相同,是页面末尾正文中的java脚本。任何帮助都将不胜感激 <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-heade

我一直在寻找解决方案,但失败了。我为这样一个新手问题提前道歉。单击时的切换不会扩展到菜单项。我在“主页”上有这项工作,但无法让它在链接页面上这样做。代码与功能切换上的代码几乎相同,是页面末尾正文中的java脚本。任何帮助都将不胜感激

<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse-3" aria-expanded="false">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
 </div>

   <!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-collapse" id="collapse-3">
 <ul class="nav navbar-nav">
  <li><a href="../Lark_home_page2.html">Home</a></li>
  <li><a href="../Lark_User_Objects.zip">Download</a></li>
  <li><a href="../Lark_tutorials/Lark_tutorials.html">Tutorials</a></li>
  <li><a href="Lark_resources.html">Resources</a></li>
  <li><a href="mailto:lark.spectral.light@gmail.com">Contact Us</a></li>
  </ul>
  </div><!-- /.navbar-collapse -->

切换导航


您缺少
包装:

/*作为外部资源包含最新编译和缩小的CSS*/
/*可选主题*/
@导入url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap theme.min.css');
身体{
利润率:10px;
}

切换导航

链接页面是否在子目录中?您可能有一个相对路径问题。
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="js/jquery-1.11.2.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="js/bootstrap.min.js"></script>