jQuery動畫未能正確動作

Question

請問我可以重新看到這裏發生的事情嗎？

的功能應該是：如果新的檢查新數據>淡出>重載>淡入，如果不是新的數據不動畫。然而，現在它正在逐漸消失，並且每次都會檢查新數據，而這些數據在我將它在dev中打開時不會執行。

$(function() { 
    function reload(elem, interval) { 
     var $elem = $(elem); 
     var $original = $elem.html(); 
     $.ajax({ 
      cache: false, 
      url: 'track.php', 
      type: 'get', 
      success: function(data) { 
       if ($original == data) { 
        setTimeout(function() { 
        $("#air_track").fadeOut(); 
         reload(elem, interval) 
        $("#air_track").fadeIn("slow"); 
        }, interval); 
        return 
       } 
       $elem.html(data); 
       setTimeout(function() { 
        reload(elem, interval) 
       }, interval) 
      } 
     }) 
    } 
    reload('#air_track', 5000) 
}); 

牢記這一點我已經彌補超過20小時，睡眠不足，因此它可能實際上是真的很明顯。

Answer 1

嘗試使用DRY原則 - 不要重複自己。

每次設置超時，無論數據，並執行if裏面的動畫：（！$原有=數據）

$(function() { 
    var reload = function(elem, interval) { 
    var $el = $(elem); 

    $.ajax({ 
     cache: false, 
     url: 'track.php', 
     type: 'get', 
     success: function(data) { 
     var html = $.parseHTML(data); 
     var newText = $(html).text().trim(); 
     var current = $el.find('span').text().trim(); 
     if (current != newText) { 
      $el.fadeOut(function() { 
      $el.html(data).fadeIn('slow'); 
      }); 
     } 
     setTimeout(function() { 
      reload(elem, interval); 
     }, interval) 
     } 
    }); 
    }; 

    reload('#air_track', 5000); 
});