Question

我正在尝试学习引导程序，似乎在正确设置引导程序时遇到问题。我遇到错误：

第8行：错误：Bootstrap的JavaScript需要jQuery

我已经在此站点上检查了此错误消息，并阅读了多个回复，但是从我阅读的内容来看，我的安装正确。谁能看到代码问题，并让我知道如何解决？

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" 
    Inherits="WebApplication2.WebForm1" %>

<!DOCTYPE html>

<html lang="en">
<head runat="server">
     <!-- metadata -->
    <meta charset="UTF-8"/>

         <!-- responsive -->
            <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <!-- [/] responsive -->

    <!-- [/] metadata -->
    <link href="Scripts/bootstrap.css" rel="stylesheet" />
    <title> Test</title>
    </head>
    <body>
    <form id="form1" runat="server">
        <div>
        </div>
    </form>

<script src="Scripts/jquery-3.3.1.js"></script>
<script src="Scripts/bootstrap.js"></script>

Answer 1

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

通常使用上述CDN来访问Bootstrap类和Jquery功能。

Answer 2

更多阅读并查看了用户的所有评论后，我发现问题出在我的IE浏览器上，由于某种原因将页面呈现为IE-7。添加

之后

<meta http-equiv="X-UA-Compatible" content="IE=11" />

问题已经解决。

Answer 3

更好地包含jquery迁移使用

<script src="Scripts/jquery-3.3.1.js"></script>
<script src="https://code.jquery.com/jquery-migrate-3.0.1.js"></script>
<script src="Scripts/bootstrap.js"></script>

Answer 4

尝试一下

更改文件顺序，如下所示。

<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>

Bootstrap错误消息错误：Bootstrap的JavaScript需要jQuery

4 个答案: