eventClick更改背景颜色

时间:2013-02-02 00:45:17

标签: jquery fullcalendar

点击background-color

中的活动时,我正在尝试更改“事件”FullCalendar

我正在尝试以下内容 -

$(document).ready(function() {

    $('#calendar').fullCalendar({

        editable: true,

        events: "json-events.php",

        eventDrop: function(event, delta) {
            alert(event.id);
        },

        loading: function(bool) {
            if (bool) $('#loading').show();
            else $('#loading').hide();
        },

        eventClick: function(event){
            $(event.target).css('background-color','yellow');
        }

    });

});

然而,这没有任何作用。这可以做到,有人能指出我正确的方向吗?

由于

4 个答案:

答案 0 :(得分:9)

eventClick: function(event) {
    event.backgroundColor = 'yellow';
    $('#mycalendar').fullCalendar( 'rerenderEvents' );
},

答案 1 :(得分:2)

eventClick传递FC event object,而不是jQuery事件。您可以更改日历活动的属性,然后只需更改updateEvent

答案 2 :(得分:1)

您的函数回调没有使用$(this)的范围 - 这就是它传递jQuery Event对象的原因。

您应该使用event.target - 这是启动事件的DOM元素。

答案 3 :(得分:0)

   eventClick: function(event){
        $(this).css('background-color','yellow');
    }