单个事件元素的jQuery Fullcalendar更改类

时间:2011-10-14 13:17:44

标签: jquery fullcalendar addclass

我正在尝试使用jQuery FullCalendar更改单个事件的部分的类。

特别是div .fc-event-time。我可以用:

$('.fc-event-time').addClass('event-updated');

...但随后它会更改计划中所有事件的类。我尝试过使用“活动”。以及“$(this)。”,但都没有奏效。

同样,我不是要尝试更改整个事件的类,如此处所示(className): http://arshaw.com/fullcalendar/docs/event_data/Event_Object/

我只是想在ajax成功发布后只改变时间部分的类:

$.ajax({
        type: "POST",
        url: "schedule.php",
        data: 'update=' + id + '&start=' + newStart + '&end=' + newEnd, 
        success: function(data){ 
        // change .fc-event-time class of THIS event
        }

    });

怎么可以这样做?

2 个答案:

答案 0 :(得分:0)

.fullCalendar( 'clientEvents' , this.id).addClass('fc-event-udpated') 

应该做你想要的,假设你有一个指向你想要改变的当前事件的 this 事件对象。

答案 1 :(得分:0)

我发现了如何使用jQuery find()执行此操作:

$(this).find('.fc-event-time').addClass('newclass');

这使您可以在单个事件中更改类或以其他方式修改单个元素

希望这会帮助别人。

注意:我只能通过以下回调来实现此目的:

dayClick (callback)
eventClick (callback)
eventMouseover (callback)
eventMouseout (callback)

似乎$(this)不适用于任何其他回调,我无法找出任何其他方式来选择这个元素。