我读了这个: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头标签