jQuery FullCalendar插件未顯示事件

Question

我在CodeIgniter應用程序中使用FullCalendar插件 。 我正在使用GET請求服務器端檢索事件對象，並且使用與事件類似的方法（ 作為帶有回調的函數示例）在日歷上不顯示事件 。 我已驗證GET請求正確返回json。

這是我的請求返回的json ...

[{"id":"1","title":"2011 Acura Integra (1)","start":1313996400,"color":"red"}, {"id":"15","title":"2011 Acura Integra (1)","start":1314774000,"color":"red"}]

我的電話如下...

    var year = $("#year").text();
    var month = $("#month").text();

    $maintenance_schedule_calendar_table = $("#vehicles_maintenance_schedule_calendar").fullCalendar({
        year: year,
        month: month -1,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: ''
        },
        editable: true,
        disableResizing: true,
        events: function(start, end, callback) {
            var start_timestamp = Math.round(start.getTime() / 1000);
            var end_timestamp = Math.round(end.getTime() / 1000);
            var url = "/tripsys/new_admin/vehicles/get_maintenance_schedule_data/" + start_timestamp + "/" + end_timestamp;

            $.get(url, function(events) {
                callback(events);
            });
        }
    });

奇怪的是，上一個調用正確地獲取了json，並且回調似乎可以處理事件，因為如果我調用.fullCalendar（'clientEvents'），它將顯示我傳遞給events方法的json，但它們不會呈現。

但是，如果我將相同的json直接傳遞給我的FullCalendar初始調用，則事件確實會渲染...

    var year = $("#year").text();
    var month = $("#month").text();

    $maintenance_schedule_calendar_table = $("#vehicles_maintenance_schedule_calendar").fullCalendar({
        year: year,
        month: month -1,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: ''
        },
        editable: true,
        disableResizing: true,
        events: [
            {"id":"1","title":"2011 Acura Integra (1)","start":1313996400,"color":"red"},
            {"id":"15","title":"2011 Acura Integra (1)","start":1314774000,"color":"red"}
        ]
    });

有誰知道為什么第一個示例未在我的日歷上呈現事件？

Answer 1

原來是我用$ .get而不是$ .getJSON請求數據引起的

這是正確的電話...

    var year = $("#year").text();
    var month = $("#month").text();

    $maintenance_schedule_calendar_table = $("#vehicles_maintenance_schedule_calendar").fullCalendar({
        year: year,
        month: month -1,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: ''
        },
        editable: true,
        disableResizing: true,
        events: function(start, end, callback) {
            var start_timestamp = Math.round(start.getTime() / 1000);
            var end_timestamp = Math.round(end.getTime() / 1000);
            var url = "/tripsys/new_admin/vehicles/get_maintenance_schedule_data/" + start_timestamp + "/" + end_timestamp;

            $.getJSON(url, function(events) {
                callback(events);
            });
        }
    });