开始使用 Telerik：kendoDropDownList 不是函数

Question

我正在尝试使用 telerik 提供的 30 天试用版，但我在使其正常工作时遇到了一些问题。

据我所知，我已经完成了所需的一切，但在尝试显示控件时仍然出现错误：

这是我在浏览器中遇到的错误（在控制台选项卡中）

TypeError: jQuery(...).kendoDropDownList is not a function
jQuery(function(){jQuery("#color").kendoDropDownList({"dataTextField":"Text","da...

这是我在布局视图中添加的脚本：

<head>
    <meta charset="utf-8" />
    <title>Index - My ASP.NET MVC Application</title>
    <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    <script src="/Scripts/jquery-1.8.2.js"></script>

    <link href="/Content/site.css" rel="stylesheet"/>

    <script src="/Scripts/modernizr-2.6.2.js"></script>

    <link rel="stylesheet" href="/Content/kendo.common.min.css">
    <link rel="stylesheet" href="/Content/kendo.silver.min.css">
    <script src="/Scripts/kendo.web.min.js"></script>
    <script src="/Scripts/kendo.aspnetmvc.min.js"></script>
    <script src="/Scripts/kendo.all.min.js"></script>

</head>

所有 .js 和 .css 均已正确调用，telerik 命名空间已在我的 web.config 文件中注册，引用已正确添加到项目中。似乎某处缺少一个 .js，但我找不到哪个... 感谢您的帮助

Answer 1

这是正确的顺序：

<script src="/Scripts/jquery-1.11.2.min.js"></script>
<script src="/Scripts/kendo.all.min.js"></script>
<script src="/Scripts/kendo.aspnetmvc.min.js"></script>

请注意，kendo.all.min.js（或 kendo.web.min.js，如果您使用它）需要在 kendo.aspnetmvc.min.js 之前加载。如果您使用 MVC 助手，则始终需要 kendo.aspnetmvc.min.js。

Kendo UI 所需的最低 jQUery 版本是 1.9.1，但如果您更新到最新的 1.x 版本也无妨需要 IE8 兼容性，如果不需要，则 2.x。参见 Supported jQuery versions。

根据您使用的小部件，您可以使用 kendo.web，而不是 kendo.all。参见 Pick the Right Combined Script Based on Your Project Type。

您也可以使用 custom download tool 创建自己的 javascript。

开始使用 Telerik：kendoDropDownList 不是函数

Getting started with Telerik : kendoDropDownList is not a function

.net

c#

telerik-mvc

kendo-ui

kendo-asp.net-mvc