Hoạt ảnh jQuery không được thực hiện chính xác

Question

Tôi có thể có được đôi mắt mới mẻ về những gì đang xảy ra ở đây không?

Chức năng được cho là: Kiểm tra dữ liệu mới, nếu mới> mờ dần> tải lại> mờ dần, nếu đó không phải là dữ liệu mới không hoạt ảnh. Tuy nhiên bây giờ nó mờ đi và trong mọi lúc nó kiểm tra dữ liệu mới, mà nó đã không được thực hiện khi tôi đã có nó mở trong 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) 
}); 

Hãy ghi nhớ Tôi đã ngủ hơn 20 giờ với ít giấc ngủ để thực sự có thể thực sự rõ ràng.

Answer 1

Hãy thử sử dụng nguyên tắc DRY - đừng lặp lại chính mình.

Đặt thời gian chờ bất kể dữ liệu mỗi lần, và thực hiện các hình ảnh động bên trong if: (! $ Ban đầu = dữ liệu)

$(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); 
});