2012-08-06 104 views
1

我試圖讓jQuery fullcalendar在IE9中工作。到目前爲止,它在Firefox和Chrome中運行良好。我100%肯定在任何對象的末尾都沒有任何逗號。jQuery fullcalendar在IE9中未顯示事件

IE的顯影劑控制檯沒有顯示任何錯誤,完成該請求,並顯示完全相同的JSON響應爲FF /鉻(多線格式爲可讀性):

[ 
    { 
     "beschreibung":"", 
     "end":"2012-07-05 19:00:00", 
     "username":"dm", 
     "ort":"hier", 
     "allDay":"", 
     "id":"763-1340202369", 
     "title":"termin für den nächsten monat", 
     "start":"2012-07-05 17:00:00" 
    },{ 
     "beschreibung":"dfgsfdg", 
     "end":"2012-07-31 12:00:00", 
     "username":"dm", 
     "ort":"", 
     "allDay":"", 
     "id":"UBePvX8AAQEAACyIg", 
     "title":"termin für heute", 
     "start":"2012-07-31 10:00:00" 
    } 
] 

這是我的代碼:

$o = { 
    calOptions: { unselectCancel:'.calEdit', theme: true, buttonText: { today:'Heute', month:'Monat', week:'Woche', day:'Tag' }, monthNames: ['Januar','Februar','März','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'], dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'], dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'], timeFormat: 'H(:mm)', axisFormat: 'H(:mm):00', header: { left:'prev,next today', center:'title', right:'month,agendaWeek,agendaDay' }, editable: true, allDayText: 'Ganztägig', firstDay: 1, firstHour: 8, allDaySlot: false, allDayDefault:false } 
}  

$('#db .fullCalendar').fullCalendar(
    $.extend(
     $o.calOptions, { 
      events: { 
       url: 'c.pl', 
       type: 'POST', 
       data: { 
        j: 'json', 
        x: 'c' 
       }, 
       error: function(){ 

       } 
      } 
     } 
    ) 
); 

現在,這裏是我沒有得到根本的東西。當我設置的事件對象的JSON響應,IE9可以顯示它們:

$('#db .fullCalendar').fullCalendar(
    $.extend(
     $o.calOptions, { 
      events: [{"beschreibung":"","end":"2012-07-05 19:00:00","username":"dm","ort":"hier","allDay":"","id":"763-1340202369","title":"termin für den nächsten monat","start":"2012-07-05 17:00:00"},{"beschreibung":"dfgsfdg","end":"2012-07-31 12:00:00","username":"dm","ort":"","allDay":"","id":"UBePvX8AAQEAACyIg","title":"termin für heute","start":"2012-07-31 10:00:00"}] 
     } 
    ) 
); 

任何想法可能是錯誤的?我不知道在哪裏繼續尋找......

回答

0

確保您的響應內容類型設置爲

application/json 

編輯

我認爲選擇對象結構是不正確的
替換此

$o = { 
    calOptions: { 
     unselectCancel: '.calEdit', 
     theme: true, 
     buttonText: { 
      today: 'Heute', 
      month: 'Monat', 
      week: 'Woche', 
      day: 'Tag' 
     }, 
     monthNames: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'], 
     dayNames: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'], 
     dayNamesShort: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'], 
     timeFormat: 'H(:mm)', 
     axisFormat: 'H(:mm):00', 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
     }, 
     editable: true, 
     allDayText: 'Ganztägig', 
     firstDay: 1, 
     firstHour: 8, 
     allDaySlot: false, 
     allDayDefault: false 
    } 
} 

有了這個

$o = { 
    unselectCancel: '.calEdit', 
    theme: true, 
    buttonText: { 
     today: 'Heute', 
     month: 'Monat', 
     week: 'Woche', 
     day: 'Tag' 
    }, 
    monthNames: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'], 
    dayNames: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'], 
    dayNamesShort: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'], 
    timeFormat: 'H(:mm)', 
    axisFormat: 'H(:mm):00', 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay' 
    }, 
    editable: true, 
    allDayText: 'Ganztägig', 
    firstDay: 1, 
    firstHour: 8, 
    allDaySlot: false, 
    allDayDefault: false 
} 
+0

正確...忘了明確設置它,但它仍然不適用於設置爲application/json的內容類型。 – koko 2012-08-06 09:38:38

+0

編輯我的答案 – 2012-08-06 09:56:32

+0

我正在擴展'$ o.calOptions',如果按照您的建議,我必須擴展'$ o'。 – koko 2012-08-06 11:07:01

0

我一直在使用Fullcalendar v1.5.4與IE9和事件不會出現在日曆(ajax源)。但出於一些奇怪的原因,我不太明白,打開開發工具欄(F12),然後刷新頁面會顯示事件。

這可以用作臨時修復。