使用jQuery Validate插件submitHandler来触发fancybox窗口

Question

我正在使用 jQuery 验证 & Fancybox 在网站上一起加载表单提交时的模式 Fancybox 窗口（经过 Validate 验证后）以确认订单正在处理，但遇到了一个我无法解决的奇怪问题。 << a＞标签在与表单相同的页面上如下：

<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 属性一样。 a> Fancybox 未将标记作为 iframe src 获取。

有人可以帮忙吗？这让我彻底抓狂。

谢谢，马特

Answer 1

您是否尝试过 $('#submit_holder').trigger('click'); 而不是 $('#submit_holder').click(); 并尝试其他浏览器看看是否是浏览器问题。