eventClick更改背景颜色

Question

当我在FullCalendar单击事件时，我正在尝试更改“事件” background-color

我正在尝试以下 -

$(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');
        }

    });

});

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

谢谢

Answer 1

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

Answer 2

eventClick传递FC 事件对象 ，而不是jQuery事件。 您可以更改日历事件的属性，然后只更新updateEvent 。

Answer 3

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

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

Answer 4

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