javascript - Fancybox 表单 ajax 发布关闭提交

Question

我在 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'; ?>

感谢所有帮助我的人!

Answer 1

尝试在成功函数中应该可以工作的任何一个。

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