Question

我在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/

为什么会发生这种情况的任何线索？

Answer 1

尝试

eventRender: function (event, element) {
    element.data('eventType', event.type);
    element.find('.fc-event-inner').css("background",event.type == 'p'? "#3366cc":"#009933");
}

演示：Fiddle

Answer 2

为什么不使用className事件属性？ http://jsfiddle.net/5DCnZ/5/

从fullcalendar中选择非标准事件对象

2 个答案: