并排使用 telerik 扩展和 kendo ui 时发生 Jquery 冲突

标签 jquery asp.net-mvc telerik kendo-ui

我正在开发 MVC 3.0 Razor 应用程序。在我的项目中,我们使用 jQuery 版本 1.7.1。对于 Telerik 扩展,我们使用 jquery 版本 1.6.4。我们还在项目的某些部分使用 Kendo UI 网格,这需要 jQuery 版本 1.7.1。我们按以下顺序将脚本放置在布局页面中。

 <script src="@Url.Content("~/Scripts/jquery-1.7.1.js")" type="text/javascript"></script>
 <script src="@Url.Content("~/Scripts/kendo.all.min.js")" type="text/javascript"></script>
 <script src="@Url.Content("~/Scripts/kendo.aspnetmvc.min.js")" type="text/javascript"></script>
   @(Html.Telerik().ScriptRegistrar().jQuery(false)
    .DefaultGroup(
        grp =>
        {
            grp.Add("jquery-1.6.4.js");
            grp.Add("jquery-ui-1.8.17.custom.js");
            grp.Add("telerik.common.min.js");
            grp.Add("telerik.upload.min.js");
            grp.Add("telerik.window.min.js");
            grp.Add("telerik.draganddrop.min.js");
            grp.Add("telerik.grid.min.js");
            grp.Add("telerik.grid.editing.min.js");
            grp.Add("telerik.grid.filtering.min.js");
            grp.Add("telerik.grid.reordering.min.js");
            grp.Add("telerik.grid.resizing.min.js");

            grp.Add("telerik.datetimepicker.min.js");

            grp.Add("telerik.treeview.min.js");

        }))

在这种情况下,所有 Telerik 扩展控件和相关客户端事件(示例:Telerik 面板栏的 OnSelect 事件)都将起作用,但 kendo ui 网格控件不会加载数据。但是,如果我们在 Html.Telerik().ScriptRegistrar() 中注释 jQuery 版本 1.6.4,kendo ui 将加载数据,但 telerik 扩展客户端事件将不起作用。请提供解决方案。

最佳答案

首先 - 您不能在同一页面上使用多个 jQuery 并期望小部件能够工作。每次加载 jQuery 时,数据和事件都会从内存中清除,这意味着注册的小部件将不再可用。

我建议您将 MVC 扩展(经典扩展)更新到最新版本,我可以在演示站点中看到它使用 jQuery 1.7.1。另外,KendoUI 框架的当前版本是 1.7.1 版本,但仍然不是 1.8+。

关于并排使用 telerik 扩展和 kendo ui 时发生 Jquery 冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12402418/

相关文章:

c# - 可以根据 Windows 用户名自动登录 Forms 身份验证的 MVC 应用程序吗?

asp.net-mvc - 禁用 Telerik 脚手架 Visual Studio 模板

asp.net - 需要 RadcomboBox css 帮助

jquery - 对一个字段使用 jQuery 验证规则两次

javascript - jQuery/javascript - 输入字段(用户、密码)就像 Twitter 的登录一样?

javascript - 使用 jquery 从 json 文件加载图像

javascript - IE 10 - 无法获取未定义或空引用 : 的属性 'PageRequestManager'

javascript - 获取 AJAX 响应的特定部分

javascript - 将 FormData 传递给 AJAX 调用时如何修复 HttpPostedFileBase null

c# - 使用 IOption 的类的实例化