在加载数据之前加载完整日历

Question

我的完整日历将加载，几秒钟后数据将出现。我正在用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>

Answer 1

您似乎希望日历显示已经加载的数据（没有空日历，几秒钟后数据就会显示）。我的建议；首先获取数据，然后将日历初始化代码移动到加载数据的函数的回调中。

这意味着不用在中传递数据

events: '/MEO/GetCalendarEvents/',

通过jquery ajax调用获取数据，并在加载数据后初始化日历。您的日历上已经加载了所有事件。