Javascript jquery fadeIn更改内容并使用不透明度淡出？

作为javascript和jquery的新手，这个问题让我感到困惑

我想有一个流体淡出改变html fadeIn功能，但它似乎并没有工作，因为我会预期它

我有一个用于内容的div容器，该容器由使用jquery的ajax请求填充。这个很好用

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

目前的代码如下

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

我尝试过同样的不透明度，也有同样的问题。看起来不透明度是我想要的方式，因为它只剩下div容器的大小。答案必须很简单

正如前面所说的，我更喜欢用不透明度来做，但如果它能工作的话，任何一种方法都可以。我对两者都有同样的问题

---

问题似乎是浏览器缓存问题。它不再发生了。检查第一个以显示使用不透明度的等效代码

试试这个，它稍微平滑一点

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

---

干杯

您的代码按原样工作。它似乎起作用了，是的。但是，新内容似乎是在什么浏览器中加载之前加载的，还是在淡出效果加载的同时加载的？在chrome中测试，新内容直到元素完全消失后才会出现。你是对的，先生，代码确实在工作。不确定旧代码是如何或为什么在firefox中以私有浏览模式缓存的。哦，好吧。私有浏览不会停止缓存，它只是不使用当前打开的非私有浏览窗口中的缓存，并在浏览器窗口关闭时删除缓存（不仅仅是选项卡）。