完整日历2 jquery与Telerik的冲突
完整日历2 jquery与Telerik的冲突
提问于 2014-06-09 09:44:17
我试图在一个项目中使用A Shaw的FullCalendar 2.0.0。该项目还使用Telerik控件。我相信有一个jQuery版本的冲突，但我不确定。如果在页面中不包括任何Telerik控件或引用，则日历显示良好。如果我包含任何Telerik控件/引用，我将得到一个javascript错误。
这是我添加的使用JQuery v1.11.1的FullCal宪兵2.0.0标记。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel='stylesheet' href='../lib/cupertino/jquery-ui.min.css' />
<link href='../fullcalendar.css' rel='stylesheet' />
<link href='../fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='../lib/moment.min.js'></script>
<script src='../lib/jquery.min.js'></script>
<script src='../lib/jquery-ui.custom.min.js'></script>
<script src='../mmd_fullcalendar200.js'></script>
<script>
$(document).ready(function() {
$('#claimCalendar').fullCalendar({
//code to initiate fullcalendar
});
});
</script>这就是Telerik (它使用JQuery v1.9.1)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
<link rel='stylesheet' href='../lib/cupertino/jquery-ui.min.css' />
<link href='../fullcalendar.css' rel='stylesheet' />
<link href='../fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='../lib/moment.min.js'></script>
<script src='../lib/jquery.min.js'></script>
<script src='../lib/jquery-ui.custom.min.js'></script>
<script src='../mmd_fullcalendar200.js'></script>
<script type="text/javascript">
$(document).ready(function() {
$('#claimCalendar').fullCalendar({
//code to initiate fullcalendar
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
<Scripts>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
</Scripts>
</telerik:RadScriptManager>当我尝试浏览使用Telerik的页面时。该页面可以直接显示所有元素，但没有呈现FullCalendar。带有FullCalendar ID的div位于标记中。我得到的错误是Microsoft JScript运行时错误:对象不支持此属性或方法。断点位于$(‘’_claimCalendar‘).fullCalendar({
我怎么才能让这两个人玩得好呢？
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-06-09 13:20:57
我已经能够通过重写jquery的Telerik脚本引用来解决这个问题。
经过进一步的研究，我发现了一个建议:将路径参数放置到空的js文件中，这样.
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" Path="path/to/emptyJSfile" />这不起作用，但我发现了另一个建议，即文件不应该是空的，而是应该有以下内容.
$telerik.$ = window.$;这是我认为将telerik jquery调用映射到当前加载的jquery的映射。因此，FullCalendar加载jQuery版本1.11.1，telerik使用它。
到目前为止一切似乎都很好。我已经加载了FullCalendar，还有一个指向qTips2的附加链接和一组telerik控件，这些控件似乎都正常工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24117570
复制相关文章
相似问题
腾讯云开发者
