Question

我正在使用jQuery Validate＆amp; Fancybox在网站上一起加载表单提交上的模态Fancybox窗口（在通过Validate验证后）以确认订单正在处理但遇到了一个我无法解决的奇怪问题。＆lt; a＆gt;标签与表单在同一页面上如下：

<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本身加载但完全空白。我无法查看任何来源，也无法在新窗口中打开框架，它几乎就像＆lt;的＆lt; href属性一样。一个＆GT; fancybox没有以iframe src的形式获取tag。

有人可以帮忙吗？这让我完全疯了。

谢谢，马特

Answer 1

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

使用jQuery Validate插件submitHandler来激活fancybox窗口

1 个答案: