javascript - jquery fadeIn 改变内容和淡出不透明度？

Question

作为 javascript 和 jquery 的新手，这让我陷入了一个循环。

我想要一个流畅的 fadeOut 更改 html fadeIn 函数，但它似乎没有像我预期的那样工作。

我有一个内容的 div 容器，该容器由使用 jquery 的 ajax 请求填充。这工作正常。

我的最终目标是发出 ajax 请求，淡出 div 容器中的当前内容，淡入新内容

目前代码如下

$("#middle").fadeOut('slow',function(){
    $("#middle").html(data).fadeIn('slow');
});

我在不透明度方面尝试过同样的方法并且遇到了同样的问题。似乎不透明度是我想要的方式，因为它只保留了 div 容器的大小。答案必须很简单。

如前所述，我更愿意使用不透明度来实现，但如果可行的话，任何一种方式都可以。我对两者都有同样的问题。

问题似乎是浏览器缓存问题。它不再发生。检查第一个使用不透明度向我展示等效代码！

Answer 1

试试这个，它会更流畅一些...

$("#middle").fadeOut('slow',function(){
    $("#middle").html(data);
}).fadeIn('slow');

干杯！