Fancybox 多个弹出窗口在提交时关闭表单？

Question

我设置了两个 popus 一个一个打开，第一个关闭后，通过计时器，我希望第二个通过提交按钮关闭，这是网站：http://merlinmoon.com/ 我的代码 !st 弹出是一个 youtube Iframe HTML: 第二次弹出

<div id="mews">

<div class="cd-form-wrapper cd-container panelssss">

<form class="cd-form" method="post" action="Believe-Masters.zip" onsubmit="javascript:parent.jQuery.fancybox.close(true);">


    <input type="name" id="cd-email" class="cd-email" name="cd-email" placeholder="NAME">
    <input type="email" id="cd-email" class="cd-email" name="cd-email" placeholder="EMAIL">
    <input type="submit" class="cd-submit" value="">

</form>


</div>

Javascript :

<script>
 jQuery(document).ready(function($) {
    setTimeout(function(){
    $('#custom-stuff-blea .various').trigger('click');
    setTimeout(function(){
        $.fancybox.close();
    }, 192000)
}, 1000);
});
</script>

<script type="text/javascript">

jQuery(document).ready(function($) {
$(".various").fancybox({
    maxWidth    : 800,
    maxHeight   : 600,
    fitToView   : false,
    width       : '70%',
    height      : '70%',
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'true',

    'afterClose': function() { 
        $("#custom-stuff-blea .various2").fancybox().trigger("click");
    }
});
});
</script>
        <script type="text/javascript">

            jQuery(document).ready(function($) {
                $(".various3").fancybox({
                    maxWidth    : 800,
                    maxHeight   : 600,
                    fitToView   : false,
                    width       : '70%',
                    height      : '70%',
                    autoSize    : false,
                    closeClick  : false,
                    openEffect  : 'none',
                    closeEffect : 'none',

                });
            });
        </script>

我想注意到 onsubmit 不工作:(，你能帮我吗？我会很感激任何帮助。问候...

Answer 1

您可以简单地在提交按钮上执行 jquery click() 然后运行： $.fancybox.close(); 我在这里遗漏了什么吗？

Fancybox 多个弹出窗口在提交时关闭表单？

Fancybox multiple pop ups close form on submit?

html

forms

jquery

fancybox-2