承認ボタンがクリックされ、ajax リクエストが成功すると、データテーブルを再描画しようとしています。
すべてがクリック機能で機能します(データベースに保存、アニメーション化、スライドアップ)が、テーブルは再描画されません。
なぜそれが機能しないのかについて何らかの考えを持っている体はありますか?
$('a.approve').click(function(e) {
e.preventDefault();
var parent = $(this).closest("tr");
$.ajax({
type: 'get',
url: 'index.php',
data: 'ajax=1&approve='+ parent.attr('id').replace('record-','')+'&employee='+ parent.attr('title')+'&acyear=' + parent.attr('lang'),
beforeSend: function() {
parent.animate({'backgroundColor':'#fb6c6c'},300);
},
success: function() {
parent.slideUp(300,function() {
parent.remove();
var $aTable= $("#table_a").dataTable( { bRetrieve : true } );
var $bTable= $("#table_b").dataTable( { bRetrieve : true } );
$aTable.fnDraw();
$bTable.fnDraw();
});
}
});
});