Question

即使在启动之前已加载所有jquery并使用了1.9.1版本，我仍会收到此错误

使用jquery版本1.9.1尝试，但仍能解决

 <script type="text/javascript" src="js/jquery-1.9.1.js"></script>


     <link href="css/jquery-ui.css" rel="stylesheet" />
    <script src="https://www.bootstrap-year-calendar.com/js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js" type="text/javascript"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-animate.min.js" type="text/javascript"></script>


    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/bootstrap-theme.css" />
    <link rel="stylesheet" href="css/bootstrap-theme.min.css" />
    <link rel="stylesheet" href="css/bootstrap.css" />

    <script src="js/bootstrap.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>


    <script src="https://www.bootstrap-year-calendar.com/js/respond.min.js" type="text/javascript"></script>



    <script src="https://www.bootstrap-year-calendar.com/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
    <script src="https://www.bootstrap-year-calendar.com/js/bootstrap-year-calendar.min.js" type="text/javascript"></script>
    <script src="https://www.bootstrap-year-calendar.com/js/bootstrap-popover.js" type="text/javascript"></script>
    <script src="https://www.bootstrap-year-calendar.com/js/scripts.js" type="text/javascript"></script>

    <link rel="stylesheet" type="text/css" href="css/cal/bootstrap-datepicker.min.css">
    <link rel="stylesheet" type="text/css" href="css/cal/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="css/cal/bootstrap-year-calendar.min.css">

Answer 1

当我引用两个不同版本的jquery或Bootstrap时，我曾遇到过此问题，您在这里都做了。此代码中包含三个版本的JQuery：

<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script src="https://www.bootstrap-year-calendar.com/js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>

您还将加载引导程序和引导程序的最小js文件，它们会相互干扰。

尝试简化您的代码，并且每个库/框架仅使用1个版本。

因此，在Bootstrap内容之前加载了一个版本的JQuery。引导程序的一种版本。因此，请确保您拥有JQuery脚本src，然后再创建一个Bootstrap。

Answer 2

如果您尝试添加多个版本的引导程序，则会出现此错误。引导程序和jquery的顺序也很重要。尝试包括这个

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

Answer 3

尝试包括这个

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

未捕获的错误引导程序需要在bootstrap.min.js上使用jquery

3 个答案: