$(document).ready(function () $ is not defined

3

我正在开发asp.net mvc应用程序,并使用Kendo UI网格控件进行数据检索,将这些功能用于另一个应用程序工作正常,问题不在代码中。所有JavaScript和Kendo网格UI参考文献都包括在内,但当我运行应用程序时,我遇到了以下错误:

$(document).ready(function()$未定义 List:178未捕获的类型错误:$(...).kendoDatePicker不是函数

多次出现这个错误。 当我单击错误时,它们会将错误显示在这些行上。

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

我在引用中添加了程序集,但没有任何结果。

5
请确保在您的脚本之前加载了jQuery。 - Rajesh
1
在使用那段脚本之前,你需要在HTML代码中引用jQuery。 - Łukasz Trzewik
请在您的HTML代码中展示jQuery参考。 - Divyang Desai
确保在所需的脚本之前加载jQuery,可以通过捆绑(Scripts.Render)或在脚本标记上使用src属性来实现。 - Tetsuya Yamamoto
JQuery已加载但遇到以下错误 列表:178未捕获的类型错误:$(...)。kendoDatePicker不是函数 - Hassan Abbas
显示剩余2条评论
1个回答

7

这意味着缺少jQuery源代码。

您需要在头部标签之间添加jQuery源代码:

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

参考文献必须按照以下顺序放置在头部标签中:

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

在<head>标签下编写,但仍然面临相同的问题 List:178 Uncaught TypeError: $(...).kendoDatePicker不是一个函数。 - Hassan Abbas
你还应该添加kendoDatePicker源代码。 - Husni Salax
@HassanAbbas 按照以下顺序加载脚本:jQuery,Kendo,YourScripts。 - Rajesh
@HassanAbbas,请检查你在 head 标签之间的引用,我已编辑了我的解决方案。 - Husni Salax

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接