首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Bootstrap引发未捕获错误:Bootstrap的JavaScript需要jQuery

Bootstrap引发未捕获错误:Bootstrap的JavaScript需要jQuery
EN

Stack Overflow用户
提问于 2014-03-26 18:25:25
回答 11查看 468.1K关注 0票数 191

我正在尝试使用Bootstrap为一个程序制作一个界面。我将jQuery 1.11.0添加到<head>标记中,并认为就是这样,但当我在浏览器中启动网页时,jQuery报告了一个错误:

代码语言:javascript
复制
Uncaught Error: Bootstrap's JavaScript requires jQuery

我试过使用jQuery 1.9.0,我试过在几个can上托管副本,但我不能让它工作。有谁能指出我做错了什么吗?

EN

回答 11

Stack Overflow用户

回答已采纳

发布于 2014-03-26 18:27:31

尝尝这个

更改文件的顺序,如下所示。

代码语言:javascript
复制
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
票数 395
EN

Stack Overflow用户

发布于 2014-03-26 18:33:21

您应该首先加载jquery,因为bootstrap使用jquery特性。如下所示:

代码语言:javascript
复制
<!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>
票数 14
EN

Stack Overflow用户

发布于 2015-05-07 19:20:08

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

代码语言:javascript
复制
<!-- JQuery Core JavaScript -->
<script src="lib/js/jquery.min.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="lib/js/bootstrap.min.js"></script>
票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22658015

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档