JQuery Fade In и Out - PullRequest
       6

JQuery Fade In и Out

4 голосов
/ 12 января 2011

Как мне заставить jQuery затухать $ ("# latestTrack"), заменять его содержимое, а затем снова увеличивать его? Текущий код затемняет и сохраняет его скрытым, вместо того, чтобы снова его добавлять:

    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);

1 Ответ

6 голосов
/ 12 января 2011

Просто измените $("#recentTrack").fadeOut('slow').html(x).fadeIn('slow)';

на:

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

Таким образом, вы ожидаете завершения события.

...