单击时如何获取 FullCalendar 事件的颜色答案

【问题标题】：How to get the color of a FullCalendar event when clicked单击时如何获取 FullCalendar 事件的颜色
【发布时间】：2014-04-05 17:29:07
【问题描述】：

我正在设置 Fullcalendar 事件 (http://arshaw.com/fullcalendar/docs/event_data/Event_Source_Object/) 的背景颜色，如下所示：

 eventSources: [
               {
                   events: [ 
                       {
                           title: 'Event1',
                           start: '2014-07-05'
                       },
                       {
                           title: 'Event2',
                           start: '2014-07-19'
                       }

                   ],
                   color: 'green',     
                   textColor: 'black' 
               },

当我点击事件时，我希望能够确定颜色是什么（所以我可以将其更改为另一种颜色）。

我正在做以下没有运气的事情：

    eventClick: function(calEvent, jsEvent, view)
    {  
      var color1 = calEvent.color; //color1 = undefined

      var color2 = $(this).css('border-color');//color2=0,255,0 in chrome, undefined in IE
    }

如何获得最初设置的实际颜色？即在示例中它将是“绿色”。

【问题讨论】：

在这里工作正常jsfiddle.net/k9Ct3
感谢您的回复，但我希望能够“获取”为活动设置的颜色。所以在你的例子中我想知道颜色是绿色的，我该怎么做？
当然，但你不会得到绿色，而是 RGB，请参阅：jsfiddle.net/IrvinDominin/Y7Dm2

标签： jquery css fullcalendar

【解决方案1】：

在所有浏览器中都可以正常工作，但您不会得到 green，而是 RGB。

代码：

eventClick: function (calEvent, jsEvent, view) {
    alert($(this).css('background-color'));
}

演示：http://jsfiddle.net/IrvinDominin/Y7Dm2/

【讨论】：