jquery fullcalendar - イベントデータの奇妙な問題

Question

何らかの理由で、ajax経由でjquery fullcalendarでイベントデータが正しく動作しません。しかし、正しい形式のJSONデータを返すことは間違いありません。返されたデータをコピーして貼り付け、カレンダーを初期化するときにイベントソースにハードコードするだけであれば、正しく動作します。ここに私のコードはありますか？何が問題なのでしょうか？

$(document).ready(function() { 
    // This is the data returned by the AJAX request - works fine when hard coded 
    var data = 
      [{"title":"Test Event","description":"<p>Tester<\/p>","start":"1329264000","end":"1329264000","className":"sport junior_school"}];   

     var cal = $('#calendar').fullCalendar({ 
      header: { 
       left: 'prev,next today', 
       center: 'title', 
       right: 'month,agendaWeek,agendaDay' 
      }, 
      editable: true, 
      eventSources: [ 
       '<?php echo Url::base()?>school-calendar/fetch_events' 
       //data 
      ] 
     }); 
}); 

Answer 1

コメントのディスカッションからリンクしたページでは、投稿に表示されたコードを使用していません。実際のページでは、dataという名前のvarを$.getJSONへの呼び出しの戻り値に設定してから、dataをイベントソースとしてfullCalendarに渡します。

var data = $.getJSON('http://staging.jem-digital.com/lathallan/public_html/school-calendar/fetch_events'); 

$('#calendar').fullCalendar({ 
    //blah blah... 
    eventSources: [ 
     data 
    ], 
    //blah blah... 
}); 

それに伴う問題は、$.getJSONがjQXHRオブジェクトを返し、fullCalendarデータソースとして、このようなオブジェクトを取ることができないということです。 Firebugので

、私はあなたの#calendar要素を空にし、次のことを実行する場合、私はカレンダー上のイベントを取得する：あなたが本当にあなた自身のAJAX呼び出しを実行したい場合は、あなたがする必要がある、

$('#calendar').fullCalendar({ 
    header: { 
    left: 'prev,next today', 
    center: 'title', 
    right: 'month,agendaWeek,agendaDay' 
    }, 
    editable: true, 
    eventSources: [ 
    'http://staging.jem-digital.com/lathallan/public_html/school-calendar/fetch_events' 
    ], 
    eventRender: function (event, element) { 
    element.qtip({ 
     content: { 
     text: formatEvent(event), 
     title: { 
      text: event.title, 
      button: true 
     } 
     }, 
     show: { 
     event: 'click', // Show it on click... 
     solo: true // ...and hide all other tooltips... 
     }, 
     hide: false, 
     style: { 
     classes: 'ui-tooltip-light ui-tooltip-shadow ui-tooltip-rounded' 
     } 
    }); 
    } 
}); 

か$.getJSONの成功コールバックでカレンダーにデータを渡します。このようなものの1つのバリエーションがあります：

$.getJSON('http://staging.jem-digital.com/lathallan/public_html/school-calendar/fetch_events', function (data) { 
    $('#calendar').fullCalendar({ 
     //blah blah... 
     eventSources: [ 
      data 
     ], 
     //blah blah... 
    }); 
}); 

私は後者にほとんど利益を見ません。