我在fullcalendar中为我的对象创建了一个新的数据行,称为" type:'p'",代表项目,看起来像这样:
{
id: '201311',
title: 'Event1',
start: '2014-01-22',
end: '2014-01-22',
allDay: true,
},
{
id: '201315',
title: 'Project1',
start: '2014-01-22',
end: '2014-01-22',
allDay: true,
type: 'p'
}
当我尝试使用类型:'p'更改色彩的事件时
// Color the projects to blue or green
$(element).data('eventType', event.type);
$('div.fc-event-inner').each(function(){
if (event.type == $(this).data('eventType', 'p')){
$('div.fc-event-inner').css("background", "#3366cc");
}else{
$('div.fc-event-inner').css("background", "#009933");
}
});
现在,一切都变成了绿色,而不是" p"到蓝色,而其他则变为绿色。这是指代码的链接:http://jsfiddle.net/jcarlomorales/hb3g3/1/
有什么线索为什么会发生这种情况?
尝试
eventRender: function (event, element) {
element.data('eventType', event.type);
element.find('.fc-event-inner').css("background",event.type == 'p'? "#3366cc":"#009933");
}
演示:小提琴
为什么不使用className
事件属性?http://jsfiddle.net/5dcnz/5/