jquery fade用不透明度改变内容和淡出?

时间:2012-05-16 21:36:03

标签: 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容器的大小。答案必须简单。

如前所述,我宁愿用不透明度来做,但如果有效的话,无论哪种方式都可以。我对两者都有同样的问题。

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

1 个答案:

答案 0 :(得分:2)

尝试一下它会更顺畅......

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

喝彩!