Jquery - Настройка плагина colorbox

Question

Я использую плагин colorbox для модальных всплывающих окон.Он работает хорошо, но есть главное, что кажется неправильным.

У меня появляется всплывающая форма, и при отправке (или нажатии на ссылку) в форме это может открыть другой модал «colorbox»,Он работает плавно, но есть одна вещь, которая меня беспокоит.

Как таковой, colorbox, кажется, ждет, пока не получит ответ (через ajax), а затем показывает «loading.gif» и начинает изменять размер.

Для меня более логично показывать «loading.gif», как только они открывают новый модал colorbox.(и не только изображение, я имею в виду, что что бы ни происходило, когда вы открываете новый цветовой ящик) Это не должно изменять размер (очевидно), но это просто раздражает, потому что некоторые из моих модальных цветовых коробок используют медленные веб-сервисы, так что вы можете отправитьформа и ничего не происходит буквально за 1 или 2 секунды.Было бы неплохо, если бы это выглядело так, как будто он загружает следующий файл для этого времени.

Идеи о том, как это сделать?

Answer 1

Похоже, что загружаемая графика отображается в onLoad, и сценарий пытается определить тип содержимого до этого момента.Поэтому, если у вас медленный веб-сервис, может потребоваться время для реализации типа контента, поэтому не отображается loading.gif.

Я провел быстрый тест, и отображение gif onOpen, похоже, работает:

$(".myClass").colorbox({
   onOpen:function(){
       // taken from colorbox.css 
       $('#cboxLoadingGraphic').show(); 
    },
    onComplete:function(){ 
       $('#cboxLoadingGraphic').hide(); 
    }
});