fullcalendar - 用fullcalendar实现加载回调

标签 fullcalendar

寻找有关如何实现加载回调的示例。

这是到目前为止我正在使用的代码。只是不确定如何使用加载回调。

我是否需要将事件用作函数,或者可以在此处使用的代码中添加一些内容?

谢谢

$('#calendar').fullCalendar({
    theme: true,
    header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
    },
    editable: true,

    events: {
            url: 'calendar/ajax.php',
            data: {
                uid: '<?=$_SESSION[$pageID]['owner_uid']?>',
                fbpageid: '<?=$pageID?>'
            },
            error: function() {
                alert('there was an error while fetching events!');
            }
        },

    eventMouseover: function(calEvent,jsEvent) {
        xOffset = 10;
        yOffset = 10;
        var left = (jsEvent.clientX + yOffset);
        if ( (jsEvent.clientX + 200 + yOffset) > $(window).width() ){
            left = (jsEvent.clientX - 200);
        }
        $("body").append(calEvent.tooltip);
        $("#p_"+calEvent.id)
                .css("top",(jsEvent.clientY - xOffset) + "px")
                .css("left",left + "px")
                .fadeIn("fast");
    },
    eventMouseout: function(calEvent,jsEvent) {

            $("#p_"+calEvent.id).fadeOut("fast");   
            $("#p_"+calEvent.id).remove();
    }
});

最佳答案

这是如何使用加载回调的示例:

loading: function(bool) {
  if (bool) 
    $('#loading').show();
  else 
    $('#loading').hide();
},

关于fullcalendar - 用fullcalendar实现加载回调,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12041943/

相关文章:

javascript - fullcalendar.js 24 小时日历

javascript - FullCalendar 'basicWeek' 标题显示

jquery - FullCalendar 限制事件数量并有更多链接

angular - currentView.start 为空 fullcalendar

javascript - 全日历 : disableResizing is only working on month view

javascript - fullCalendar 上的多个 nowIndicators

javascript - 如何使用 yii2fullcalendar 处理长按事件

javascript - 打印 : Background colors missing in FullCalendar

html - 如何避免CSS重叠?

javascript - 鼠标悬停时使用 Fullcalendar Qtip 而不是 eventRender