admin.common.js:21 Uncaught ReferenceError: $ is not defined

Question

使用 Kendo 网格 UI 进行 nopcommerce 插件开发。但在视图侧 Kendo 网格中未填充数据时面临此问题。控制台上有错误 `

Uncaught ReferenceError: jQuery is not defined(anonymous function) Uncaught ReferenceError: $ is not defined(anonymous function) Uncaught ReferenceError: jQuery is not defined(anonymous function) Uncaught ReferenceError: jQuery is not defined(anonymous function) Uncaught ReferenceError: jQuery is not defined(anonymous function) Uncaught ReferenceError: jQuery is not defined(anonymous function) Uncaught Error: AdminLTE requires jQuery(anonymous function) Uncaught Error: Bootstrap's JavaScript requires jQuery(anonymous function) Uncaught TypeError: $(...).datepicker is not a function(anonymous function) Uncaught TypeError: $(...).kendoDatePicker is not a function`

我是这样用的

<script src="~/Administration/Scripts/admin.search.js"></script>
<script src="~/Administration/scripts/admin.navigation.js"></script>
<script src="~/Administration/Scripts/admin.common.js"></script>
<script src="~/Administration/Scripts/typeahead/typeahead.bundle.min.js"></script>
<script src="~/Administration/Scripts/jquery-migrate-1.2.1.min.js"></script>
<script src="~/Administration/Scripts/jquery-ui-1.10.3.custom.min.js"></script>
<script src="~/Administration/Scripts/adminLTE/app.min.js"></script>
<script src="~/Administration/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Administration/Scripts/bootstrap/bootstrap.min.js"></script>

Answer 1

当您使用多个脚本时，它们必须遵循特定的顺序，因为它们是从第一个触发到最后一个。因此，例如，如果您在 "admin.common.js" 中调用了一个 JQuery 函数，而您还没有调用 JQuery ，那么它将抛出该错误。另外bootstrap需要JQuery，所以JQuery应该放在bootstrap之前，以此类推。所以你可以试试这个：

<script src="~/Administration/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Administration/Scripts/jquery-migrate-1.2.1.min.js"></script>
<script src="~/Administration/Scripts/jquery-ui-1.10.3.custom.min.js">  </script>
<script src="~/Administration/Scripts/bootstrap/bootstrap.min.js"></script>
<script src="~/Administration/Scripts/typeahead/typeahead.bundle.min.js"></script>
<script src="~/Administration/Scripts/admin.search.js"></script>
<script src="~/Administration/scripts/admin.navigation.js"></script>
<script src="~/Administration/Scripts/admin.common.js"></script>
<script src="~/Administration/Scripts/adminLTE/app.min.js"></script>

如果上述方法不起作用，请尝试重新组织您的脚本，以便它们都需要之前的脚本。

希望这对您有所帮助，狮子座

admin.common.js:21 Uncaught ReferenceError: $ is not defined

admin.common.js:21 Uncaught ReferenceError: $ is not defined

asp.net-mvc

jquery

nopcommerce