FullCalendar事件顏色到qtip

我正在使用fullcalendar和qtip插件。
我有不同顏色的事件。我需要做的就是提供一個對應於完整日曆事件顏色的工具提示。我想要根據事件顏色改變qtip（工具提示）顏色。
這可能嗎？
謝謝.. :)FullCalendar事件顏色到qtip

enter image description here

這裏的代碼我qtip

eventRender: function (event, element) { 
     element.qtip({ 
      content: { 
       title: { text: event.title }, 
       text: '<span class="title" style="font-weight:bold;">Start: </span>' + ($.fullCalendar.formatDate(event.start, 'hh:mmtt')) + 
        '<br><span class="title" style="font-weight:bold;">End: </span>' + ($.fullCalendar.formatDate(event.end, 'hh:mmtt')) + 
        '<br><span class="title" style="font-weight:bold;">Where: </span>' + event.location + 
        '<br><span class="title" style="font-weight:bold;">Description: </span>' + event.description 
      }, 
      position: { 
       adjust: { screen: true }, 
       corner: { target: 'bottomMiddle', tooltip: 'topLeft' } 
      }, 
      show: { 
       solo: true, effect: { type: 'slide' }, effect: function() { 
        $(this).fadeTo(200, 0.8); 
       } 
      }, 
      hide: { when: 'mouseout', fixed: true }, 
      style: { 
       tip: true, // Give it a speech bubble tip 
       border: { 
        width: 2, 
        radius: 5, 
        color: '#474968' 

       }, 
       title: { 
        color: '#fff', 
        background: '#9193c4' 
       }, 
      } 
     }); 
    }

來源

2012-12-20 cheeseburger

你是如何設置事件顏色的？如果你正在使用自定義屬性，那麼你可以在你的事件渲染回調中使用這個來爲元素着色 – tocallaghan

我只是設置事件源中假期的事件顏色..併爲新增加的事件 - 我設置顏色在css – cheeseburger

。 fc-event-skin { \t border-color：＃9193c4; background-color：＃9193c4;顏色：#fff; \t} – cheeseburger

的事件對象接受className屬性。您可以使用它來使用CSS爲事件着色（例如應用「假期」類）。在你的eventRender回調中，你可以檢查這個類的存在（if（event.className ==='holiday'）...）並且正確地給你的工具提示着色

來源

2012-12-21 06:33:34 tocallaghan

FullCalendar事件顏色到qtip

回答

相關問題