jQuery淡入淡出

Question

如何让jQuery淡出$("#recentTrack"),替换它的内容,然后再次淡入？当前代码淡出并隐藏它,而不是再次淡入它:

    setInterval(
    function ()
    {
            $.getJSON('cache/lastfmCache.json', function(data){
            var x = data.recenttracks.track[0].artist["#text"];
            var y = $("#recentTrack").html();
            if(x != y) {
                $("#recentTrack").fadeOut('slow').html(x).fadeIn('slow)';
             }      
        $.get('update.php');    
    });
    }, 15000);

Answer 1

只是改变 $("#recentTrack").fadeOut('slow').html(x).fadeIn('slow)';

成:

$("#recentTrack").fadeOut('slow', function(){
  $(this).html(x).fadeIn("slow");
});

这样您就可以等待事件完成.