FullCalendar事件不成立的顏色變化

我改變做在FullCalendar（http://arshaw.com/fullcalendar/docs/event_data/）的事件如下：FullCalendar事件不成立的顏色變化

  eventClick: function (event) 
      { 
       if ($(this).css('background-color').match(/^(?:green|#fff(?:fff)?|rgba?\(\s*0\s*,\s*255\s*,\s*0\s*(?:,\s*1\s*)?\))$/i)) { 
        $(this).css('border-color', 'red'); 
        $(this).css('backgroundColor', 'red'); 
       } 
       else if ($(this).css('background-color').match(/^(?:red|#fff(?:fff)?|rgba?\(\s*255\s*,\s*0\s*,\s*0\s*(?:,\s*1\s*)?\))$/i)) { 
        $(this).css('border-color', 'blue'); 
        $(this).css('backgroundColor', 'blue'); 
       } 
      }

但我發現的是，一旦我更改事件的顏色（甚至幾個事件顏色），然後將事件拖到另一天，所有事件都會將顏色更改爲其原始顏色。

我該如何防止這種？我怎樣才能使evet堅持他們的顏色一旦改變？

來源

2014-04-04 Harry Boy

聽起來你重新加載頁面。試試'event.preventDefault（）' –

我在哪裏把這個cookie怪物？我什麼時候打電話？ –

我在上面的函數的頂部添加了它，我無法改變顏色。然後我將它添加在底部，它沒有任何區別。 –

使用這樣的：

eventClick: function (event) 
      { 
       if ($(this).css('background-color').match(/^(?:green|#fff(?:fff)?|rgba?\(\s*0\s*,\s*255\s*,\s*0\s*(?:,\s*1\s*)?\))$/i)) { 
        event.color = 'red'; 
        event.borderColor = 'red'; 
       } 
       else if ($(this).css('background-color').match(/^(?:red|#fff(?:fff)?|rgba?\(\s*255\s*,\s*0\s*,\s*0\s*(?:,\s*1\s*)?\))$/i)) { 
        event.color = 'blue'; 
        event.borderColor = 'blue'; 
       } 
       calendar.fullCalendar('renderEvent',event ,true); 
      }

來源

2014-04-04 17:38:34

硒在單一事件和不是全局的顏色;那麼在你的點擊事件中更新事件元素和fullCalendar視圖。

示例代碼：

$('#mycalendar').fullCalendar({ 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay' 
    }, 
    editable: true, 
    eventSources: [{ 
     events: [{ 
      title: 'Event1', 
      color: 'green', 
      start: '2014-04-05' 
     }, { 
      title: 'Event2', 
        color: 'green', 
      start: '2014-04-19' 
     }], 

     textColor: 'black' 
    }], 
    eventClick: function (calEvent, jsEvent, view) { 
     calEvent.color = 'red'; 
     $('#mycalendar').fullCalendar('updateEvent', calEvent); 
    } 
});

演示：http://jsfiddle.net/IrvinDominin/6Ffsy/

來源

2014-04-05 14:51:07

FullCalendar事件不成立的顏色變化

回答

相關問題