Использование плагина jQuery Validate submitHandler для запуска окна fancybox - PullRequest
Новая
       10

Использование плагина jQuery Validate submitHandler для запуска окна fancybox

0 голосов
/ 16 июля 2010

Я использую jQuery Validate и Fancybox вместе на веб-сайте, чтобы загрузить модальное окно Fancybox при отправке формы (после проверки Validate), чтобы подтвердить, что заказ обрабатывается, но возникла странная проблема, которую я не могу решить , Тег выглядит следующим образом на той же странице, что и форма: 

<a href="<?=ssl_url()?>basket/processing" class="processing" id="submit_holder">PROCESSING</a>

В файле JS у меня есть следующий конфиг для Fancybox: 

$(".processing").fancybox({
    'padding'       : 0,
    'width'  : 400,
    'height' : 400,
    'modal'         : true,
    'overlayColor'  : '#fff',
    'overlayOpacity': 0.8,
    'autoScale'     : true,
    'type'  : 'iframe',
    'transitionIn' : 'fade',
    'transitionOut' : 'fade',
    'titlePosition' : 'inside'
});

Теперь нажатие на эту ссылку работает нормально - загружается как положено. При попытке запустить через Validate submitHandler: 

       submitHandler: function(form) {
            $('#submit_holder').click();
            form.submit();
       }

Сам Fancybox загружается, но полностью пустой. Я не могу просмотреть ни один источник, и при этом я не могу открыть фрейм в новом окне, это почти так, как будто атрибут href тега не получен как iframe src от Fancybox.

Кто-нибудь может помочь? Это сводит меня с ума.

Спасибо, Мэтт

1 Ответ

0 голосов
/ 16 июля 2010

Вы пробовали $('#submit_holder').trigger('click'); вместо $('#submit_holder').click();, а также попробуйте в других браузерах проверить, не является ли это проблемой браузера.

...