javascript - 在 jQuery weekcalendar 插件中为事件设置不同的背景颜色

Question

我正在使用 jQuery weekcalendar plugin显示带有约会的基于网络的日历。所有事件的颜色都在此 CSS 部分中设置:

.wc-cal-event {
    background-color: #00BFFF;
    font-size: 0.8em;
    position: absolute;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    width: 100%;
    border: 1px solid #000;
    font-weight: normal;
}

我刚刚实现了日历中的新约会属于一个类别的功能(就像在 Outlook 中一样)。基于这个类别，约会的背景颜色应该改变，假设它应该是红色。

如何动态更改事件的背景？当我更改 .wc-cal-event 时，每个事件的每个背景都会受到影响。

感谢您的回答。

Answer 1

可以在这个函数中完成:

eventRender : function(calEvent, $event) {
    $.ajax({
        url: url,
        dataType: 'json',
        async: false,
        success: function(data) {
            $.each(data, function(i, appointment) {
                $event.css('backgroundColor', appointment.htmlColor);
                $event.css('color', appointment.textColor);
            });
        }
    });
}