javascript - 在同一个 div 中淡入淡出

Question

我有这个代码:

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

在这段代码中，我希望 priceDiv 中的旧数据在 priceDiv 中慢慢淡出，而新数据慢慢淡入。

结果包含来自 ajax 请求的新数据。

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

Answer 1

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

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

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