javascript - 在同一div中的fadeIn淡出

我有以下代码：

success:function(result) {
  $('#priceDiv').fadeOut(3000);
  $('#priceDiv').fadeIn(3000,function(){
    document.getElementById("priceDiv").innerHTML = result;
  });

在这段代码中，我希望priceDiv中的旧数据缓慢消失，而priceDiv中的新数据缓慢消失。

结果保存来自ajax请求的新数据。

我已经成功地用旧数据慢慢淡出，但是淡入再次显示旧数据，当完成时新数据显示无效。

最佳答案

您应该使用fadeOut的回调方法来设置数据和fadeIn

$('#priceDiv').fadeOut(3000, function(){
    //Set new Data
    document.getElementById("priceDiv").innerHTML = result;

    //Fade in with new data
    $('#priceDiv').fadeIn(3000);
});