如何讓fullcalendar與phonegap一起工作

Question

我正試圖在phonegap應用上獲得fullcalendar。我的代碼是在瀏覽器上工作，但在android emulador上它只是沒有顯示日曆。 我也試圖讓它在'設備就緒'內，但如果我這樣做，我得到對象[對象對象]沒有方法'fullCalendar'錯誤。

內部設備就緒：

var app = { 

     initialize: function() { 
      this.bindEvents() 
     }, 

     bindEvents: function() { 
      document.addEventListener('deviceready', this.onDeviceReady, false) 
      $(document).on("pageshow", app.onDeviceReady); 
     }, 

     onDeviceReady: function() { 
      app.receivedEvent('deviceready') 
     }, 

     receivedEvent: function(id){ 

      var date = new Date(); 
      var d = date.getDate(); 
      var m = date.getMonth(); 
      var y = date.getFullYear(); 

      $('#calendar').fullCalendar({ 
       theme: true, 
       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/' 
        } 
       ] 
      }); 
    } 

，如果我把它放在外面會在瀏覽器中運行正常..但不是在模擬器：/

演示：http://jsfiddle.net/KrZJr/86/

是否有可能使用在Android上的fullcalendar還是一個插件與Android的作用相同的效果？

Answer 1

找到了一個適用於phonegap的示例。 http://jsfiddle.net/Gajotres/ZSd2C/

不得不使用pageshow事件

$(document).on('pageshow','#index',function(e,data)