一位朋友今天在自己用“PHP原生+Bootstrap”开发后台的时候,结果测试的时候,一直提示如下错误:
Uncaught Error: Bootstrap's JavaScript requires jQuery
中文翻译
未捕获的错误:Bootstrap的JavaScript需要引入jQuery
最主要的是,他的 main.html 的确也是引入了jQuery,我们可以看下他的代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>管理后台首页</title>
<!-- Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://127.0.0.1/453535/static/bootstrap/css/bootstrap.min.css">
<!--Bootstrap 核心 JavaScript 文件 -->
<script src="https://127.0.0.1/453535/static/bootstrap/js/bootstrap.min.js"></script>
<!--jQuery生产版本 核心 JavaScript 文件 -->
<script src="https://127.0.0.1/453535/static/jquery/jquery.min.js"></script>
</head>
解决方法
以我的这位朋友遇到的情况为例子,他本身已经引入 jQuery.min.js ,为什么还会提示“Uncaught Error: Bootstrap's JavaScript requires jQuery”呢?
答案也很简单:导致这个报错的最根本的原因是 bootstrap 加载的顺序有问题,必须先引用 jquery.min.js 文件,然后再引用 bootstrap.min.js 。
正确方法如下图:
总结:
其实我们在程序开发当中,会遇到各种各样的问题,一定要具备解决问题的能力,我个人觉得这个很重要。有很多问题其实就是一层窗户纸,一旦捅破,都很简单,一说就懂,一看就会。