Jquery fullcalendar viewRender不适用于我
嗨,伙计们,我正在使用arshaw fullcalendar,这是一个很棒的插件,我希望在视图更改时得到通知,以便将类添加到跨度中。我试过了Jquery fullcalendar viewRender不适用于我,jquery,fullcalendar,Jquery,Fullcalendar,嗨,伙计们,我正在使用arshaw fullcalendar,这是一个很棒的插件,我希望在视图更改时得到通知,以便将类添加到跨度中。我试过了 $('#calendar').fullCalendar({ viewRender: function(view,element){alert("aha");}, defaultView:'basicDay', theme: true, header:{
$('#calendar').fullCalendar({
viewRender: function(view,element){alert("aha");},
defaultView:'basicDay',
theme: true,
header:{
right: 'month basicWeek basicDay',
left: 'prev,next today',
center: 'title'
},
loading: function(bool){
if(bool){
$("body").addClass("loading");
}else{
$("body").removeClass("loading");
}
},
lazyFetching: true,
minTime: 8,
maxTime: 17,
allDaySlot: false,
eventSources:[
{
url: '/apptCalendar/appt?q=1',
color: '#FAF29B',
textColor: 'black',
allDayDefault: false
},
{
url: '/apptCalendar/appt?q=2',
color: '#4e394d1',
textColor: '#FAF29B',
allDayDefault: false
},
{
url: '/apptCalendar/appt?q=3',
color: '#38df64',
textColor: 'black',
allDayDefault: false
}
],
eventRender: function(event, element){
element.find('span.fc-event-title').html(element.find('span.fc-event-title').text());
element.qtip({
content: {text:"<script>$('.qtip .addTitleInfo').addClass('hidden'); $(document).ready(function(){ $('#eventApptID"+event.id+"').each(function(){ $('#eventApptID"+event.id+"').val('"+event.appStatusID+"'); }); });</script><div><h6>Therapy Type: "+event.therapyType+"</h6></div><a href='/eval/new-eval/"+event.pat_id+"?appID="+event.thirdPAppID+"'"+"><i class='icon-plus-sign'></i> New Eval</a><br>\
<a href='/note/new-note/"+event.pat_id+"?appID="+event.thirdPAppID+"'"+"><i class='icon-plus-sign'></i> New Note</a>\
<div>DOB: "+event.dob+"</div><div>SSN: "+event.l4SSN+"</div><div>Appointment Status:</div><select id='eventApptID"+event.id+"' class='input-large' onChange='updateApptStatus(this.value,"+event.id+","+event.pat_id+")'>"+items+"</select><div>Comments: "+event.description+"</div>",
title: {text: event.title},
button: 'Close'},
show: {
solo: true
},
style: {
classes: 'qtip-bootstrap',
width: 300,
height: 300
},
hide: {
event: 'unfocus',
},
position:{
my: 'bottom center',
at: 'top center',
target: 'event',
viewport: $('#calendar')
}
});
}
$(“#日历”).fullCalendar({
viewRender:函数(视图,元素){alert(“aha”);},
defaultView:'basicDay',
主题:真的,
标题:{
右图:“月基本周基本日”,
左:“上一个,下一个今天”,
中心:“标题”
},
加载:函数(bool){
如果(bool){
$(“正文”).addClass(“加载”);
}否则{
$(“body”).removeClass(“加载”);
}
},
懒散的人:是的,
时间:8,,
最长时间:17,
全天时段:错,
事件来源:[
{
url:“/apptCalendar/appt?q=1”,
颜色:“#FAF29B”,
textColor:'黑色',
allDayDefault:false
},
{
url:“/apptCalendar/appt?q=2”,
颜色:“#4e394d1”,
textColor:“#FAF29B”,
allDayDefault:false
},
{
url:“/apptCalendar/appt?q=3”,
颜色:“#38df64”,
textColor:'黑色',
allDayDefault:false
}
],
eventRender:函数(事件,元素){
element.find('span.fc事件标题').html(element.find('span.fc事件标题').text());
元素qtip({
内容:{text:$('.qtip.addTitleInfo').addClass('hidden');$(document).ready(函数(){$(''eventApptID'+event.id+)).each(函数(){$('.qtip.addTitleInfo')).val('+event.appStatusID+“);});治疗类型:“+event.therapyType+”
\
\
DOB:“+event.DOB+”SSN:“+event.l4SSN+”约会状态:“+items+”注释:“+event.description+”,
标题:{text:event.title},
按钮:“关闭”},
展示:{
索洛:是的
},
风格:{
类:“qtip引导”,
宽度:300,
身高:300
},
隐藏:{
事件:“未聚焦”,
},
职位:{
我的‘底部中心’,
在‘顶尖中心’,
目标:“事件”,
视口:$(“#日历”)
}
});
}
}))
当视图更改时,这不会提示警报。我希望是这样。有人能帮我吗
目前,我尝试了其他通知方法,但未能使其发挥作用。请让我知道我需要做什么来完成这项工作。问题似乎出在您的fullcalendar库版本上。这个特殊的问题让我思考了一会儿:(.你的小提琴中包含的那一个版本是v1.6.2。我无法让它在该版本中也成功触发“viewRender”回调。我在v1.6.3中检查了相同的代码,这触发了事件。在对两个版本进行比较时,我发现了以下代码块(这似乎与问题极为相关)v1.6.2中缺少:
trigger('viewRender', currentView, currentView, currentView.element);
在
\u renderView()函数中。还需要注意的是,v1.6.3依赖于jQuery v1.10.2(尽管我不确定它是否适用于较低版本),因此,如果您不受jQuery特定版本的限制,只需包含最新的fullcalendar,您就可以使用它了。$(“#calendar”)。fullcalendar({viewRender:function(view,element){alert(“aha”);}
对我有用…你能发布更多代码/上下文吗?@fijas我刚刚更新了代码并尝试了你的评论,但仍然不起作用。我用我正在使用的选项粘贴了整个FullCalendar。谢谢你的帮助help@fijas我制作了一把小提琴,但它在那里仍然不起作用。我希望我能给出的不仅仅是+1:)@CiE如果这解决了您的问题,您应该将其标记为已接受答案(答案左侧的灰色复选标记)。