javascript - jquery fadeIn 改变内容并淡出不透明度?

标签 javascript jquery opacity fadein fadeout

作为 javascript 和 jquery 的新手,这个让我感到困惑。

我想要一个流畅的 fadeOut 更改 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');

干杯!

关于javascript - jquery fadeIn 改变内容并淡出不透明度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10627049/

相关文章:

javascript - jQuery 中的鼠标按下事件

javascript - 为什么 isDefaultPrevented 检查 modal.js 中的 div?

HTML div 需要位于所有其他控件之上

css - 为什么子元素不能用更大的值覆盖父元素的不透明度?

css - 作为背景和图像的不透明度

javascript - 我无法在 localStorage 中使用索引

javascript - $_POST[] 未捕获 HTML 表单输入

javascript - 当我点击一个新对象时忘记了之前的点击?

jquery - 函数无法在 jQuery 1.6.x 上运行(但可以在 1.5.x 上运行)

javascript - 使用azure移动服务html客户端插入查询参数