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切換按鈕和下拉菜單不起作用

回答

相關問題