引导程序设置错误:未捕获ReferenceError:未定义jQuery &未捕获错误:引导程序的JavaScript需要jQuery
引导程序设置错误:未捕获ReferenceError:未定义jQuery &未捕获错误:引导程序的JavaScript需要jQuery
提问于 2015-11-16 23:00:51
我正在创建一个bootstrap模板。我收到两个错误，我不知道我做错了什么。当我搜索类似的问题时，脚本似乎乱了顺序，但我认为它们的位置是正确的。
有两个错误：
未捕获ReferenceError:未定义jQuery
未捕获的错误:引导程序的JavaScript需要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>回答 3
Stack Overflow用户
回答已采纳
发布于 2015-11-16 23:11:51
伙计，你应该链接jQuery库而不是jQuery UI )
只需添加以下代码
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>Stack Overflow用户
发布于 2015-11-16 23:06:48
答案就在错误中。首先需要引用jQuery，然后是Bootstrap CSS，然后是Bootstrap js。您有jQuery UI，但没有jQuery JS文件。要使用jQuery UI，您需要同时使用jQuery普通文件和UI文件
按如下顺序列出：
- Bootstrap CSS file
- 您的CSS文件
- jQuery js lib
- Bootstrap js lib
<代码>H111jQuery UI js lib<代码>H212<代码>G213
Stack Overflow用户
发布于 2015-11-16 23:05:49
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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33738360
复制相关文章
相似问题
腾讯云开发者
