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

【问题标题】：admin.common.js:21 Uncaught ReferenceError: $ is not definedadmin.common.js:21 Uncaught ReferenceError: $ is not defined
【发布时间】：2016-09-27 13:23:41
【问题描述】：

使用 Kendo 网格 UI 进行 nopcommerce 插件开发。但是在没有填充数据的视图侧剑道网格中面临这个问题。控制台出现错误`

Uncaught ReferenceError: jQuery is not defined(匿名函数) 未捕获的 ReferenceError：$ 未定义（匿名函数）未捕获的 ReferenceError：未定义 jQuery（匿名函数）未捕获的 ReferenceError：未定义 jQuery（匿名函数）未捕获的 ReferenceError：未定义 jQuery（匿名函数）未捕获的 ReferenceError：未定义 jQuery（匿名函数）未捕获的错误：AdminLTE 需要 jQuery（匿名函数）未捕获的错误：Bootstrap 的 JavaScript 需要 jQuery（匿名函数）未捕获的 TypeError：$(...).datepicker 不是函数（匿名函数）未捕获的 TypeError: $(...).kendoDatePicker 不是函数`

我是这样用的

<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>

【问题讨论】：

标签： jquery asp.net-mvc nopcommerce

【解决方案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>

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

希望这会有所帮助，狮子座。

【讨论】：