Navbar切换按钮和下拉菜单不起作用

我创建了一个导航栏，但它似乎没有响应。它只在切换按钮出现的情况下起作用，但当点击时没有任何反应。另外，下拉菜单不起作用。我试过其他帖子中提到的各种解决方案，但似乎没有任何工作。Navbar切换按钮和下拉菜单不起作用

我已经包括了我在最后链接到的脚本。请帮我鉴定到哪里去错误

 <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
     <div class="container"> 
    <!-- Brand and toggle grouped for better mobile display --> 
      <div class="navbar-header"> 
      <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="index.html">GrapeVine</a> 
      </div> 

      <div class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav navbar-right"> 
       <li class="dropdown"> 
       <a href="#areas" class="dropdown-toggle" data-toggle="dropdown">Areas<b class="caret"></b></a> 
       <ul class="dropdown-menu"> 
        <li><a href="#North">North</a></li> 
        <li><a href="#East">East</a></li> 
        <li><a href="#South">South</a></li> 
        <li><a href="#west">West</a></li> 
       </ul> 
       </li> 
       <li><a href="#about">About</a></li> 
      </ul> 
      </div> 
     </div> 
    </nav> 


<script src="/js/myjQuery.js" type="text/javascript"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script> 
    <script src="/js/bootsrap.min.js" type="text/javascript"></script>

来源

2017-03-15 tanyamonika

您是否在浏览器上检查了错误控制台是否有加载错误？非常有用，看看你的脚本无法找到，或者你的代码有错误... –

@TheSenator我没有，但这对未来的问题很有帮助 - 谢谢。如果你能够，你能指出我如何做到这一点？将不胜感激，我仍然是一个初学者 – tanyamonika

它稍微取决于您的浏览器。例如，在Mac上的Safari中，您可以转到“开发”工具栏并选择“显示错误控制台”，然后显示几个选项卡。查看“网络”选项卡或“调试器”选项卡通常可以提供加载失败或脚本问题的有用信息。在PC上的Google Chrome上，我认为它的Ctrl + Shit + J可以调试JS。 –

我觉得你的问题是在你的脚本源

替换此

/js/bootsrap.min.js

到

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js

来源

2017-03-16 00:04:44

完美，谢谢！这工作。出于兴趣，链接到哪个版本会有影响吗？我早些时候尝试链接到一个maxcdn源，但没有得到一个结果（尽管我可能刚刚链接不正确）。 – tanyamonika

是的..也应该是你的bootstrap.css和bootstrap.js的版本，你必须尝试通过在bootstrap网站下载文件来脱机工作。 –

你已经得到“bootsrap “而不是脚本源代码中的”bootstrap“：

<script src="/js/bootsrap.min.js" type="text/javascript"></script>

来源

2017-03-16 00:11:11

哇，你有一颗敏锐的眼睛 –

谢谢，这是一个很好的观点！然而，这不是问题，我想这是在添加/更改脚本源几次之后发生的。虽然好点:) – tanyamonika

Navbar切换按钮和下拉菜单不起作用

回答

相关问题