如何让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)