與jQuery淡入？

Question

我有一個表單，使用AJAX和PHP將數據插入到我的數據庫中。

AJAX

function insertBill() 
{ 
    $.post('insert_bill.php', $('#insertbill').serialize(), 
     function(data) { 
     $('#bills').append(data); 
    }); 
}; 

使用jQuery有我的數據淡出人們的#bills的div是否有可能？

Answer 1

您可以使用不同的變化如下：

function insertBill() { 
    $.post('insert_bill.php', $('#insertbill').serialize(), 
     function(data) { 
     $('#bills').hide().append(data).fadeIn("slow"); 
    }); 
} 

你可能還#Bills通過CSS隱藏在網站的負載，或者你可以把它隱藏在提交如下：

function insertBill() { 
    $.ajax({ 
     url: 'insert_bill.php', 
     data: $('#insertbill').serialize(), 
     type: 'post', 
     beforeSend: function(jqXHR, settings) { 
      $('#bills').hide(); 
     }, 
     success: function(data, textStatus, jqXHR) { 
      $('#bills').append(data).fadeIn("slow"); 
     }, 
    }); 
} 

Answer 2

$('#bills').hide().append(data).fadeIn(400);