javascript - 提交表单并关闭 Fancybox，Javascript

Question

我使用 Fancybox 触发搜索表单弹出窗口，该表单使用 Javascript 验证来检查和提交。我遇到的问题是我无法关闭 Fancybox 屏幕然后运行该函数。这是我目前正在使用的代码:

<form id="searchForm" method="post" action="<?php echo $search; ?>.php?type=rad" onsubmit="javascript:parent.jQuery.fancybox.close();">

$('#enterButton').click(function()
        {
        if(searchok == 1)
        {           
            $('.searchValidation').addClass("sending");
            $("#searchForm").submit();
        }
        else
        {
        $('.searchValidation').addClass("validationError");
        }
        return false;
        });

如何让 fancybox 窗口在提交()时关闭，但仍然有效地在父窗口中运行表单函数？

Answer 1

假设#enterButton是submit按钮，你最好调用

parent.jQuery.fancybox.close();

在验证函数内。我建议这样:

$('#enterButton').click(function()
        {
        if(searchok == 1)
        {           
            $('.searchValidation').addClass("sending");
            $("#searchForm").submit();
            parent.jQuery.fancybox.close();
        }
        else
        {
        $('.searchValidation').addClass("validationError");
        }
        return false;
        });

但是，仅当您在 iframe 中使用时才需要使用 parent.jQuery.fancybox.close();。您可以将其替换为 jQuery.fancybox.close();

您可以查看以下引用:parent.jQuery.fancybox.close(); from within Fancybox only closes Fancybox once