无法使jquery fullcalendar事件正确地着色

我尝试从FullCalendar主页复制完全相同的代码。 所以我有:

$(document).ready(function () { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, editable: true, events: [ { title: 'All Day Event', start: new Date(y, m, 1) }, { title: 'Long Event', start: new Date(y, m, d - 5), end: new Date(y, m, d - 2) }, { id: 999, title: 'Repeating Event', start: new Date(y, m, d - 3, 16, 0), allDay: false }, { id: 999, title: 'Repeating Event', start: new Date(y, m, d + 4, 16, 0), allDay: false }, { title: 'Meeting', start: new Date(y, m, d, 10, 30), allDay: false }, { title: 'Lunch', start: new Date(y, m, d, 12, 0), end: new Date(y, m, d, 14, 0), allDay: false }, { title: 'Birthday Party', start: new Date(y, m, d + 1, 19, 0), end: new Date(y, m, d + 1, 22, 30), allDay: false }, { title: 'Click for Google', start: new Date(y, m, 28), end: new Date(y, m, 29), url: 'http://google.com/' } ] }); }); 

我已经validation我的网站正确包含fullcalendar.cssfullcalendar.print.css

但是,我的页面显示为:

http://sofzh.miximages.com/jquery/badcalendar.PNG

请注意我的事件不像他们的例子那样蓝。 我尝试在事件中设置color属性,我尝试给事件一个className ,没有任何东西使我的事件有颜色。


编辑:当我检查“全天活动”活动时,Chrome会向我显示以下div: http : //dl.dropbox.com/u/6753359/badcalendarEventElement.PNG

就目前使用的样式而言,Chrome向我展示:

http://sofzh.miximages.com/jquery/badcalendarCss.PNG


有谁知道我怎么解决这个问题?

尝试添加media =“print”

  

您的打印样式表将覆盖您的屏幕样式表。