javascript - 引导设置错误 : Uncaught ReferenceError: jQuery is not defined & Uncaught Error: Bootstrap's JavaScript requires jQuery

标签 javascript jquery twitter-bootstrap-3

我正在创建 Bootstrap 模板。我收到两个错误,我不知道自己做错了什么。当我搜索类似的问题时,似乎是脚本错乱了,但我认为它们的位置是正确的。

两个错误:

未捕获的 ReferenceError: jQuery 未定义

Uncaught Error :Bootstrap 的 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>

最佳答案

伙计,你应该链接 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/

关于javascript - 引导设置错误 : Uncaught ReferenceError: jQuery is not defined & Uncaught Error: Bootstrap's JavaScript requires jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33738360/

相关文章:

javascript - 使用 jquery 的 CodeIgniter 动态输入并插入到数据库

HTML 使图像适合父级的父级

javascript - Material-UI 数据网格 : Can we expand collapse each row in Material-UI DataGrid

jquery - 全窗口部分和导航

javascript - JavaScript 循环中的复利计算器

javascript - 使用 JS/Jquery 检测 URL 的更改(不仅仅是哈希)

html - 如何根据导航栏中的左右元素对齐 li 元素

html - 如何删除不需要的空白 css/html

javascript - 如何使用 jQuery/jQueryUi 根据从日出到日落的时间更改背景颜色?

javascript - 使用 php 和 mysql 进行 AJAX 查询