如何在元素完全淡出后附加文本?

时间:2011-08-18 07:46:37

标签: jquery

我想追加一个类。只有在确保元素被完全删除后才会出现。我怎样才能实现这个目标?

<html>
 <body>
     <div id="Append"></div>
 </body>
</html>

$(function(){
$(".Appear").stop().fadeOut("fast",function(){
    $(this).remove();
    alert(123);
    })

   $("#Append").append("<span class='Appear'>Appear</span>"); alert(8);
})

http://jsfiddle.net/uyPJB/

2 个答案:

答案 0 :(得分:2)

  $(".Appear").stop(true,true).fadeOut("slow",function(){
        $(this).remove();
        alert(123);
         $("#Append").append("<span class='Appear'>Appear</span>");
    });

http://jsfiddle.net/uyPJB/4/

答案 1 :(得分:1)

你可以这样做:

    var $appear = $("<span class='Appear'>Appear</span>")
    $("#Append").append($appear)
    $appear.fadeOut("fast",function(){$(this).remove();}); 

实例:http://jsfiddle.net/VGp2U/