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

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

Uncaught Error: Bootstrap's JavaScript requires jQuery

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

当前回答

你应该首先加载jQuery，因为Bootstrap使用jQuery特性。是这样的:

<!doctype html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" src="css/animate.css">
        <link type="text/css" rel="stylesheet" src="css/bootstrap-theme.min.css">
        <link type="text/css" rel="stylesheet" src="css/bootstrap.min.css">
        <link type="text/css" rel="stylesheet" href="css/custom.css">
        
<!--   Shuffle your scripts HERE  -->
        <script src="js/jquery-1.11.0.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/wow.min.js"></script>
<!--   End  -->   

        <title>pyMeLy Interface</title>
    </head>
    <body>
        <p class="title1"><strong>pyMeLy</strong></p>
        <p class="title2"><em> A stylish way to view your media</em></p>
        <div style="text-align:center;">
            <button type="button" class="btn btn-primary">Movies</button>
            <button type="button" class="btn btn-primary btn-lg">Large button</button>
        </div>
    </body>
</html>

2014-03-26 10:33:21

其他回答

你为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

在添加bootstrap-之前，需要先添加JQuery

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

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

2015-05-07 11:20:07

如果你使用require.js，那么需要添加窗口。$ = window。jQuery = require(' jQuery ')在app.js中

或你可以让从属文件加载后，父文件加载..如下面的概念

require.config({
    baseUrl: "scripts/appScript",
    paths: {
        'jquery':'jQuery/jquery.min',
        'bootstrap':'bootstrap/bootstrap.min' 
    },
   shim
    shim: {
        'bootstrap':['jquery'],
        },

    // kick start application
    deps: ['app']
});

上面的代码表明bootstrap依赖于Jquery，所以我添加了shim并使其依赖

2018-05-24 06:46:17

如果代码看起来不错，请验证jQuery是否成功加载到服务器。在我的例子中，jQuery文件是由我的IDE发布到服务器的，但是web服务器只有一个0 KB的文件存根。由于没有内容，服务器无法将文件提供给浏览器。

在重新发布文件并验证服务器实际上接收了整个文件后，我的网页不再向我提供错误。

2016-10-26 22:57:31

在添加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

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

推荐文章

最新文章

标签