Fancybox form ajax發表內容關閉提交

我有一個表格在div中。該表包含一個添加行的鏈接。點擊鏈接打開一個fancybox2的表單添加新行。我面臨以下問題：燈箱關閉，整個頁面重新加載。Fancybox form ajax發表內容關閉提交

更新：通過更多的調試似乎表單發佈到頁面，但在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'; ?>

感謝eveyone誰可以幫助我！

來源

2014-06-10 Lelio Faieta

嘗試'parent.window.close（）;'在成功函數 – Ani

嘗試任何一個應該工作，在成功功能。

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

來源

2014-06-10 21:16:33 Ani

點是完全相反。燈箱關閉並重新加載整個頁面而不發佈。 –

Fancybox form ajax發表內容關閉提交

回答

相關問題