更改所选元素时的 JQuery fadeOut fadeIn 问题

Question

我正在尝试淡出容器的内容，然后替换为一些新的 html，然后将它们淡入。 *注意：容器将始终包含至少一个子 div

这是我的代码：

$("#identifier div:first").fadeOut(300,function(){
  $(this).parent().html("<div> some new element </div>");
}).fadeIn(300);

I尝试了几种不同的方法，但没有成功。新元素出现了，但没有受到追捧的淡入淡出效果。

我发布的似乎是最清晰的..其余的充其量都是远景

我认为这可能不是完成此类任务的正确方法，但这就是我能想到的全部。任何方向将不胜感激。

干杯!

Answer 1

试试这个：

   $('#identifier').children().first().fadeOut(300,function(){

       $(this).html("Some new element");

   }).fadeIn(300);

演示：

http://jsfiddle.net/hnVaF/

Answer 2

试试这个

$("#identifier div:first").fadeOut(300,function(){
  $(this).parent().html("<div> some new element </div>")
  $(this).fadeIn(300);
});