Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery

我试图使用Bootstrap使一个程序的接口。我添加了jQuery 1.11.0到<head>标签，并认为这是，但当我在浏览器中启动网页jQuery报告一个错误:

Uncaught Error: Bootstrap's JavaScript requires jQuery

我已经尝试使用jQuery 1.9.0，我已经尝试在几个cdn上托管副本，但我不能让它工作。有人能指出我做错了什么吗?

当前回答

你为JAVASCRIPT和BOOTSTRAP提供了错误的顺序

按照惯例，bootstrap必须遵循jquery文件定义

<!-- JQuery Core JavaScript -->
<script src="lib/js/jquery.min.js"></script>
<script src="lib/js/jquery-ui.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="lib/js/bootstrap.min.js"></script>

2015-05-07 10:36:14

其他回答

如果你在一个只有浏览器的环境中，使用SridharR的解决方案。

如果你是在Node/CommonJS +浏览器环境(例如electron, Node -webkit等);这个错误的原因是jQuery的导出逻辑首先检查模块，而不是窗口:

if (typeof module === "object" && typeof module.exports === "object") {
    // CommonJS/Node
} else {
    // window
}

注意，它通过module导出自己。这里是出口;所以jQuery和$没有被分配给window。

所以要解决这个问题，<script src="path/to/jquery.js"></script>;

你自己用require语句赋值就可以了:

<script>
    window.jQuery = window.$ = require('jquery');
</script>

注意:如果你的电子应用程序不需要nodeIntegration，将其设置为false，这样你就不需要这个解决方法了。

2016-07-24 20:17:18

以上的方法我几乎都试过了。

最后通过包含

script src="{%static 'App/js/jquery.js' %}"

在base.html中加载staticfiles后，即{% load staticfiles %}

2018-01-27 10:10:10

在添加bootstrap js文件之前，需要先添加JQuery js，因为bootstrap使用jqueries函数。所以请确保首先加载jquery js，然后引导js文件。

<!-- JQuery Core JavaScript -->
<script src="app/js/jquery.min.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="app/js/bootstrap.min.js"></script>

2017-02-08 13:03:48

在我看来，这个解决方案真的很愚蠢，也很奇怪。

下面的代码由_Layout预填充。cshtml文件。(不是我写的)

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>

但是，当我在Scripts文件夹中验证时，jquery-1.10.2.min.js甚至不可用。因此，替换如下所示的代码，其中jquery-1.9.1.min.js是一个现有文件:

<script src="~/Scripts/jquery-1.9.1.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>

2017-01-14 17:42:53

官方文件: https://electronjs.org/docs/faq#i-can-not-use-jqueryrequirejsmeteorangularjs-in-electron

<head>
  <script>
  window.nodeRequire = require;
  delete window.require;
  delete window.exports;
  delete window.module;
  </script>
  <script type="text/javascript" src="jquery.js"></script>
</head>

2018-05-12 03:06:51

Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery

推荐文章

最新文章

标签