Неудачная ошибка: JavaScript для Bootstrap требуется jQuery

Прежде всего, спасибо за ваше время, глядя на мою проблему! Seccond, я видел другие вопросы, подобные моим (например: Uncaught Error: Bootstrap's JavaScript requires jQuery with requirejs), но они не задавали мой вопрос.Неудачная ошибка: JavaScript для Bootstrap требуется jQuery

Итак, вот <head> моего <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 и бутстраповских ссылки. но даже так ... Я получаю сообщение об ошибке: Uncaught Error: Bootstrap's JavaScript requires jQuery (anonymous function) @ bootstrap.min.js:6

and here the error

ли я пропустить что-то здесь?

источник

2016-02-03 OrangeCode

перемещение jquery перед бункером. – jcubic

hahaha ... так логично. Большое спасибо!! что сделал трюк;) – 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

hahaha ... так логично. Большое спасибо!! что сделал трюк;) – OrangeCode

все еще не работает правильно – OrangeCode

Как я могу видеть в вашем коде, вы добавили jquery Js после Bootstrap js. Вы должны включить jquery js перед добавлением bootstrap js. Ваша проблема будет исправлена, потому что для начальной загрузки требуется файл 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

hahaha ... так логично. Большое спасибо!! что сделал трюк;) – OrangeCode

ха-ха-ха-ха действительно joss ответ –

Неудачная ошибка: JavaScript для Bootstrap требуется jQuery

ответ

Смежные вопросы