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

Question

Я использую 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's submitHandler:

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

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

Может ли кто-нибудь помочь? Это заставляет меня полностью орехами.

Спасибо, Matt

Answer 1

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