在數據加載之前加載全日曆

我的完整日曆將在幾秒鐘後加載，數據將出現。我正在用JSON加載我的數據。我試過在loading上加載一個加載圖標，但它顯示加載圖標，然後日曆和數據出現，所以它是相同的問題在數據加載之前加載全日曆

任何獲得日曆和數據加載在同一時間？

這是我的代碼。

$(document).ready(function() { 
    $('#calendar').fullCalendar({ 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,basicWeek,basicDay' 
     }, 

     defaultView: 'basicDay', 
     allDaySlot: true, 
     selectable: true, 
     weekends: false, 
     theme: true, 
     eventLimit: true, 
     eventLimitClick: 'week', 
     eventTextColor: '#000000', //black 
     events: '/MEO/GetCalendarEvents/', 
     eventClick: function (calEvent, jsEvent, view) { 
      alert(calEvent.title) 
     }, 
     loading: function(bool) { 
      if (bool) { 
       $('#loading').show(); 
      } 
      else { 
       $('#loading').hide(); 
      } 
     }  
    }); 
});

CSS

<div id='calendar' style="width:100%"></div> 
<div id="loading">Loading...</div>

來源

2014-10-17 joetinger

其中id =加載標記？聽起來像你把它放在ID =日曆 – charlietfl 2014-10-17 19:23:19

啊我的錯誤我添加了HTML – joetinger 2014-10-17 19:26:43

如果css設置爲顯示加載日曆容器頂部，它應該工作 – charlietfl 2014-10-17 19:28:33

你似乎想日曆出現與已經加載到數據（沒有空日曆然後數據會出現幾秒鐘後）。我的建議;首先獲取數據並將日曆初始化代碼移至加載數據的函數的回調函數中。

含義，而不是通過你的數據在

events: '/MEO/GetCalendarEvents/',

獲得直通一個jquery Ajax調用數據，並且數據加載後初始化日曆。您的日曆已經加載了所有的事件。

來源

2014-10-17 19:39:14

謝謝隊友我欣賞幫助 – joetinger 2014-10-17 19:58:24

在數據加載之前加載全日曆

回答

相關問題