1

我正在使用jQuery weekcalendar 插件来显示带有约会的基于网络的日历。所有事件的颜色都在这个 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时，每个事件的每个背景都会受到影响。

感谢您的回答。

4

2 回答 2

2

可以在这个函数中完成：

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);
            });
        }
    });
}
于 2013-01-29T17:36:11.663 回答
1

给每个事件它自己的类，例如.wc-cal-event.meeting并应用你的样式。

于 2013-01-28T17:39:21.040 回答