Применение 'Loadmask' к FullCalendar приводит к странным результатам - PullRequest
0 голосов
/ 20 апреля 2011

Я использую FullCalendar 1.5.1 , и я получаю странные результаты, когда связываю его с ' jQuery Loadmask ' в разных браузерах.

Маска загрузки обычно отображается в Firefox, и я также попробовал адаптацию в Chrome.

Если я приостановлю выполнение сценария в отладчике немедленно до и после того, как календарь начнет запускать асинхронные фоновые события для отображения различных элементов, я вижу маску.Работая в обычное время, я не вижу маску загрузки в Internet Explorer, Chrome и т. Д.

Я вижу, что она прекрасно работает в Firefox !?

  1. До сих пор я думал, что это была проблема с наложением z-индекса в пользовательском интерфейсе jQuery, но это не оказало большого влияния на использование Маски загрузки, адаптированной для использования пользовательского интерфейса jQuery -
  2. IВы также пытались добавить искусственную задержку с помощью функции тайм-аута и т. д., и она по-прежнему не отображается в календаре?

1 Ответ

1 голос
/ 21 апреля 2011

понял это:

Вы можете перенести часть функции $. Ajax внутри календаря с некоторой задержкой:

setTimeout(function() {
                    $.ajax($.extend({}, ajaxDefaults, source, {
                            data: data,
                            success: function(events) {
                                events = events || [];
                                var res = applyAll(success, this, arguments);
                                if ($.isArray(res)) {
                                    events = res;
                                }
                                callback(events);
                            },
                            error: function() {
                                applyAll(error, this, arguments);
                                callback();
                            },
                            complete: function() {
                                applyAll(complete, this, arguments);
                                popLoading();
                            }
                    }))
                }, options.fetchDelay); 
...