Uncaught ReferenceError: jQuery在使用select2时没有定义错误 &



我读了这个:Uncaught ReferenceError: jQuery是未定义的

这导致我这个:Uncaught ReferenceError: $是没有定义?

在理解了我在使用jQuery之前没有引用它的问题后,我改变了我的代码。

从这个:

<head>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>

我把jQuery移到顶部,像这样:

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
</head>

这固定了我的第一个Uncaught ReferenceError。然而,我仍然得到相同的错误,但从select2.

Uncaught ReferenceError: jQuery is not defined
<anonymous> https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js:2
<anonymous> https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js:2
select2.min.js:2:83

我不知道如何更快地引用它,而他们自己的页面显示了如何设置代码。

事实证明,我试图在我的base.html文件中使用select2。我从来没有在那里提到过jary。

base.html之前:

<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

之后:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

小错误,希望能节省你30分钟的工作。检查一切。

我遇到了同样的问题,确保在加载任何脚本之前加载Jquery。你可以把它放在HTML头标签

最新更新