Fancybox 表单 ajax 提交后关闭答案

【问题标题】：Fancybox form ajax post close on submitFancybox 表单 ajax 提交后关闭
【发布时间】：2014-06-10 20:57:49
【问题描述】：

我在 div 中有一个表格。该表包含一个用于添加行的链接。单击该链接会打开一个带有添加新行的表单的 fancybox2。我面临以下问题：灯箱关闭和整个页面重新加载。

更新：通过更多调试，表单似乎已发布到页面，但在 Firebug 中我看到目标页面标记为红色，接收发布的值但没有返回任何内容。
我打开fancybox：

$('.new').fancybox({
        type: 'ajax',
        autoSize : true,
        padding: 5,
        closeClick: false,
        autoResize:true
    });

表单页面是：

<script type="text/javascript">
    function ajax_submit(){
        $.ajax({
            type: "POST",
            url: "bp/new_row1.php",
            data: $('#new_row').serialize(),
            success: function(data){$.fancybox(data);}
        })
    }
$(document).ready(function(){
    $('#insert').click(function(){ajax_submit();});
});
</script>
<form name="new_row" id="new_row">
    <div class="sez-form"><label>Descrizione: </label><input tabindex="10" name="descr" id="descr" size="100" maxlength="256"></div>
    <div class="sez-form"><label>Tempestivo ammesso: </label><input tabindex="10" name="descr" id="descr" size="65" maxlength="65"></div>
    <div class="sez-form"><label>Tardivo ammesso: </label><input tabindex="10" name="descr" id="descr" size="65" maxlength="65"></div>
    <div class="sez-form"><button id="insert"><?php echo $azione; ?></button><button id="undo">Annulla</button></div>
</form>

发布值的目标页面只是：

<?php echo 'Hello World'; ?>

感谢所有帮助我的人！

【问题讨论】：

在成功函数中尝试parent.window.close();

标签： javascript jquery html

【解决方案1】：

在成功函数中尝试任何一个都可以。

parent.jQuery.fancybox.close(); 或parent.window.close();

【讨论】：

这一点恰恰相反。灯箱关闭并重新加载整个页面而不发布。