eventClick更改背景颜色

Posted 2021-04-07

当我点击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');
        }

    });

});

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

谢谢

答案

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

另一答案

eventClick通过FC event object，而不是jQuery事件。您可以更改日历事件的属性，然后只需更改updateEvent。

另一答案

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

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

另一答案

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