我有一个连接到jQuery函数的链接,该函数加载(通过load()函数)一个fullcalendar页面。但是,当我第二次点击链接时,全日历布局都很复杂,即事件都在错误的位置,并且在某些情况下显示单个字母。
点击这里查看我的意思: http://scrapbookcentral.01dev.co.nz/testing/
<a id="editCalendarItem" href="##">Edit Calendar Item</a>
$("#editCalendarItem").click(function(e) {
$("#adminResult").load("/admin/edit_calendar.cfm") // problem
//window.location.href='/admin/edit_calendar.cfm'; //no problem
e.preventDefault();
})
<link rel="stylesheet" text="text/css" href="/scripts/fullcalendar.css" />
<script type="text/javascript" src="/scripts/jquery.js"></script>
<script type="text/javascript" src="/admin/scripts/fullcalendar.js"></script>
<div id="editcal"></div>
<script type="text/javascript">
$(document).ready(function() {
$("#editcal").fullCalendar({
aspectRatio: 2,
buttonText: {
today:"Go to Today"
},
events:'/components/system.cfc?method=getEditCalendarItem'
});
});
</script>
答案 0 :(得分:0)
远程调用每次返回相同的结果,所以这不是问题。
我查看了在div中呈现的标记,所有日历条目都显示在第一次点击和第二次点击....它有一些差异:很多高度和宽度是非常不同的从一个请求到另一个请求。我想你需要追溯客户端代码并找出差异的来源。