$(document).ready(function () $未定义[重复]答案

【问题标题】：$(document).ready(function () $ is not defined [duplicate]$(document).ready(function () $未定义[重复]
【发布时间】：2017-02-07 10:30:39
【问题描述】：

我正在研究 asp.net mvc 并使用 Kendo UI 网格控件进行数据检索，将这些功能用于另一个应用程序工作正常的问题，而不是代码。所有 JavaScript 和 Kendo 网格 ui 参考，包括我在运行应用程序时遇到这些错误

$(document).ready(function () $未定义 List:178 Uncaught TypeError: $(...).kendoDatePicker is not a function

多次。当我点击错误时，他们在这行显示错误

<script>
$(document).ready(function () {
    $("#StartDate").kendoDatePicker();
});

我在参考上添加了程序集，但注意到富有成效。

【问题讨论】：

确保在你的脚本之前加载 jQuery
您需要在该脚本之前在您的 html 代码中引用 jquery。
在您的 html 代码中显示您的参考 jquery
通过捆绑 (Scripts.Render) 或在脚本标签上使用 src 属性，确保在任何所需脚本之前加载 jQuery。
JQuery 已加载但面临这些错误 List:178 Uncaught TypeError: $(...).kendoDatePicker is not a function

标签： javascript jquery asp.net-mvc kendo-grid kendo-asp.net-mvc

【解决方案1】：

这就是说，缺少 jQuery 源代码。

你应该在 head 标签之间添加 jQuery 源代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">

引用必须在 head 标签中，顺序如下：

<head>
    <title></title>
    <link rel="stylesheet" href="styles/kendo.common.min.css" />
    <link rel="stylesheet" href="styles/kendo.default.min.css" />
    <link rel="stylesheet" href="styles/kendo.default.mobile.min.css" />

    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
</head>

【讨论】：

写在标签下，但面临同样的问题 List:178 Uncaught TypeError: $(...).kendoDatePicker is not a function
您还应该添加 kendoDatePicker 源
@HassanAbbas 按以下顺序加载脚本：jQuery、Kendo、YourScripts
@HassanAbbas，检查你在 head 标签之间的引用，我已经编辑了我的解决方案