2010-10-01 2 views
1

Я использую colorbox plugin для модальных всплывающих окон. Это хорошо работает, но в этом есть главное, что кажется неправильным.JQuery - Настройка плагина colorbox

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

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

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

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

+0

Можете ли вы показать нам свой код? Как вы называете COlorbox? –

ответ

4

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

Я сделал быстрый тест, и отображение в формате GIF OnOpen, кажется, работает:

$(".myClass").colorbox({ 
    onOpen:function(){ 
     // taken from colorbox.css 
     $('#cboxLoadingGraphic').show(); 
    }, 
    onComplete:function(){ 
     $('#cboxLoadingGraphic').hide(); 
    } 
}); 
Смежные вопросы