2015-11-16 6 views
0

Я создаю шаблон начальной загрузки. Я получаю две ошибки, я не могу понять, что я делаю неправильно. Когда я ищу похожие проблемы, кажется, что скрипты не в порядке, но я думаю, что они правильно позиционированы.Ошибки установки Bootstrap: Uncaught ReferenceError: jQuery не определен и не найден Ошибка: для JavaScript Bootstrap требуется jQuery

ДВЕ ОШИБКИ:

Uncaught ReferenceError: Jquery не определен

Uncaught Ошибка: JavaScript Bootstrap требует JQuery

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 

<!--IE Edge meta Tag--> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

<!--Viewport--> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 

<!--Minified Bootstrap CSS from MaxCDN--> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous"> 

<link rel="stylesheet" type="text/css" href="css/custom.css"> 

<title>Bootstrap 3.3.5</title> 
<meta name="keywords" content="keywords, go, here"> 
<meta name="description" content="meta description goes here"> 
</head> 

<body> 
<h1>header</h1> 
<p>Lorem ipsum dolor sit amet, an numquam platonem abhorreant mea, nec at eripuit tincidunt accommodare. Ut sit utinam ridens commune. Nec ad stet utroque periculis. Eu eum errem assueverit. Ius vitae definitionem ea.</p> 

<!--jquery CDN--> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 

<!-- Bootstrap's JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script> 

<!--link to local js file--> 
<script type="text/javascript" src="js/script.js"></script> 
</body> 
</html> 

ответ

1

Чувак, лет и должны связать JQuery LIB не JQuery UI)

Просто добавьте этот код

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 

получил здесь: https://developers.google.com/speed/libraries/

+0

это было !!! большое спасибо – lala

0

JQuery UI построен на вершине JQuery, так что вы должны будете включая jQuery.

<!--jquery CDN--> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 

<!-- Bootstrap's JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script> 
+0

это не то, что это: < script src = "https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"> – lala

+0

- это всего лишь комментарий HTML, он не будет получать библиотеку jQuery. Вам нужно заменить его на строку, которую я добавил. – Griffith

0

Ответ на вопросник. Вам нужно сначала указать jQuery, а затем Bootstrap CSS, тогда вам понадобится boostrap js. У вас есть jQuery UI, но не JQuery JS-файл. Для того, чтобы использовать JQuery UI, вам нужно как JQuery обычный файл, а затем файл UI

Список того, как это: файл

  1. Bootstrap CSS
  2. Ваш файл CSS
  3. Jquery расслоение плотной Lib
  4. Bootstrap Lib
  5. расслоение плотной
  6. JQuery UI Lib расслоение плотной
Смежные вопросы