未被捕獲的錯誤：Bootstrap的JavaScript需要jQuery

首先，感謝您的時間看我的問題！秒，我已經看到像我的其他問題（例如： Uncaught Error: Bootstrap's JavaScript requires jQuery with requirejs），但他們並沒有看到我的問題。未被捕獲的錯誤：Bootstrap的JavaScript需要jQuery

所以，這裏是我的<html>

<!DOCTYPE html>

<!-- metadata --> 
    <meta charset="UTF-8"> 

     <!-- responsive --> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <!-- [/] responsive --> 

    <!-- [/] metadata --> 




    <!-- links --> 

     <!-- bootstrap --> 

     <!-- Latest compiled and minified CSS --> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

     <!-- Optional theme --> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> 

     <!-- [/] bootstrap --> 

    <link rel="stylesheet" href="css/reset.css"> 
    <link rel="stylesheet" href="css/style.css"> 
    <!-- [/] links --> 




    <!-- script --> 
    <!--<script src="js/action.js"></script>--> 

     <!-- jquery --> 
     <script src="//code.jquery.com/jquery-1.12.0.min.js"></script> 
     <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
     <!-- [/] jquery --> 

     <!-- bootstrap --> 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
     <!-- [/] bootstrap --> 

    <!-- [/] script --> 




    <title>standaard html</title> 

</head> 




<body> 

    <!-- hoofdnavigatie --> 
    <nav class="navbar navbar-default navbar-fixed-top  bas_hoofdnav"> 

     <!-- logo in menubalk --> 
     <a class="navbar-brand" href="#"> 

      <img src="afb/logo/logo.png" class="bas_hoofdnav_logo" alt="Brand" > 

     </a> 
     <!-- [/] logo in menubalk --> 




     <ul class="nav nav-pills navbar-right  bas_hoofdnav_knoppen"> 

      <li role="presentation" class="active  bas_hoofdnav_knp_actief"><a href="#" onclick="return false;">start</a></li> 
      <li role="presentation"><a href="#">over ons</a></li> 
      <li role="presentation"><a href="#">diensten</a></li> 
      <li role="presentation"><a href="#">winkel</a></li> 
      <li role="presentation"><a href="#">contact</a></li> 

     </ul> 

    </nav> 
    <!-- [/] hoofdnavigatie --> 

</body>

，你可以看到我已經包括jQuery和引導環節的<head>。但即使這樣......我收到此錯誤信息： Uncaught Error: Bootstrap's JavaScript requires jQuery (anonymous function) @ bootstrap.min.js:6

and here the error

難道我在這裏錯過了什麼？

來源

2016-02-03 OrangeCode

在boostrap之前移動jquery。 – jcubic

哈哈哈......很合邏輯。非常感謝！！這是做的伎倆;） – OrangeCode

你需要把jQuery放在Bootstrap JS之上。

<!-- jquery --> 
    <script src="//code.jquery.com/jquery-1.12.0.min.js"></script> 
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
    <!-- [/] jquery --> 

    <!-- bootstrap --> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
    <!-- [/] bootstrap -->

來源

2016-02-03 13:12:05

哈哈哈......這麼合乎邏輯。非常感謝！！那是做的伎倆;） – OrangeCode

它仍然不能正常工作 – OrangeCode

正如我在你的代碼中看到的，你已經在Bootstrap js之後添加了jquery Js。在添加引導程序js之前，您需要包含jquery js。你的問題將得到解決，因爲bootstrap需要Jquery文件。

<!-- First include jquery js --> 
<script src="//code.jquery.com/jquery-1.12.0.min.js"></script> 
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 

<!-- Then include bootstrap js --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

來源

2016-02-03 13:13:55

哈哈哈......如此合乎邏輯。非常感謝！！那就做了訣竅;） – OrangeCode

哈哈哈哈真的很老實答案 –

未被捕獲的錯誤：Bootstrap的JavaScript需要jQuery

回答

相關問題