Fancybox多个弹出窗口关闭提交表单?

时间:2015-02-28 02:01:24

标签: jquery html forms fancybox-2

我有两个popus设置为逐个打开,第一个关闭后,通过计时器,我希望第二个被提交按钮关闭, 这是网站:http://merlinmoon.com/  我的守则 !st pop up是一个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没有工作:(,你能帮助我吗?我会感激任何帮助。 此致...

1 个答案:

答案 0 :(得分:0)

您只需在提交按钮上执行jquery click(),然后运行:$.fancybox.close();我在这里遗漏了什么?