以下のコードを手伝っていただければ幸いです。何らかの理由で、すぐにフォームに行が追加されないフォームが送信されました。#appendAffiliate
モーダルダイアログとしてカラーボックスを使用しています。
注:これは、カラーボックスモーダルでフォームを送信する場合にのみ発生します。
HTML:
<a href="page/frame.php" class="colorbox-iframe"></a>
frame.php FILE (modal):
<form>....</form>
table markup:
<table width="100%" id="appendAffiliate">
<thead>
<tr>
<th>Name</th>
<th>Discount</th>
</tr>
</thead>
<tbody></tbody>
</table>
JAVASCRIPT:
$('.colorbox-iframe').colorbox({
overlayClose: false,
iframe: true,
scrolling: false,
innerWidth: 200,
innerHeight:150
});
$('form').submit(function(){
$.ajax({
type: 'post',
url: 'json/json.php',
data: $(this).serialize(),
dataType: 'json',
cache: false,
success: function(data) {
if ( data.ok ) {
// None working
$('#appendAffiliate').append('<tr><td>test</td><td>test</td></tr>');
$('#appendAffiliate > tbody').append('<tr><td>test</td><td>test</td></tr>');
$('#appendAffiliate tbody:last').append('<tr><td>test</td><td>test</td></tr>');
$('input[type="submit"]').prop('disabled',true);
setTimeout(function(){
$('input[type="submit"]').prop('disabled',false);
**parent.$.fn.colorbox.close();**
},2000);
} else {
}
}
});
return false;
})