Fancybox，提交后仅刷新父页面，但不关闭

Question

我有一个Fancybox表单（iframe）。 当用户提交表单时，我正在刷新父页面。 但是，如果用户决定不提交就关闭Fancybox表单，则仍在刷新父页面。

这是我喜欢的方框代码：

<script language="JavaScript"> 
$(document).ready(function() {
    $(".edit_product").fancybox({
        autoScale   : true,
        fitToView   : false,
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none',
        title       : '',
        type        : 'iframe', 
        afterClose  : function () {
                parent.location.reload(true);
        }               
    });
});
</script>

这是提交代码：

<script type="text/javascript"> //EDIT PRODUCT
$(document).ready(function() { 
    var options = { 
        target:        '',
        dataType:      'html',          
        beforeSubmit:  showRequest_editprod,        
        success:       showResponse_editprod
    }; 

    $(".edit_product_div").delegate("#edit_product_form","submit",function () {
        $("#edit_product_loading").show(500);
        $(this).ajaxSubmit(options); 
        return false;
    });

});
function showRequest_editprod(formData, jqForm, options){
    return true; 
}
function showResponse_editprod(responseText, statusText, xhr, $form){       
    parent.jQuery.fancybox.close();
}
</script>

有没有一种方法只能在提交后刷新父页面，并且如果用户单击“ x”或在Fancybox外部，则仅关闭该Fancy Box而不刷新？

谢谢。

Answer 1

删除重装线：

afterClose  : function () {
                parent.location.reload(true);
        } 

parent.location.reload将再次加载页面。

将重新加载代码添加到成功函数中，如下所示

function showResponse_editprod(responseText, statusText, xhr, $form){    
    parent.location.reload(true);
}

Answer 2

$(".fancybox").fancybox({
    afterClose : function() {
        location.reload();
        return;
    }
});

http://fancyapps.com/fancybox/#useful在第11点

试试看http://jsfiddle.net/EWTxv/