在後續調用中無法獲取AJAX數據的維數

Question

我覺得我很生氣。

我想要做的就是獲取通過AJAX加載的數據的維度，而不管調用的次數。它在第一次運行良好，但每次隨後的調用都會得到0的值 - 儘管它出現在頁面上，正如人們所期望的那樣。

// The AJAX part 
function getDetails(request){ 
    $placehold.empty(); 
    return jQ.get(request); 
}; 

// Filter & render AJAX data 
function renderData(data){ 
    var endResult = $(data).find('#productDetails'); 
    endResult.fadeTo(0,0).appendTo($placehold); 
    $placehold.removeClass('loading'); 
    endResult.fadeTo(300,1); // <- Added as per request 
    // Console log previously uncalled data works fine 
    // Called again, I get zero every single time 
    console.log(jQ('#anyElementInAJAXData').outerHeight(false)); 
}; 

// Click handler 
jQ('#slides').on('click', '.slideLink', function(e){ 
    e.preventDefault(); 
    var target = jQ(this).attr("href"); 
    $placehold.fadeIn(360).addClass('loading'); 
    getDetails(target) 
     .done(function(result) { 
      renderData(result); 
     }) 
}); 

我在做什麼錯？

Answer 1

你的問題似乎在於endResult.fadeTo（0,0）.appendTo（$ placehold）;方法。 appendTo只會在fadeTo完成後纔會發生，但是您的方法的其餘部分在fadeTo剛剛啓動時執行。這'可能'解決它：

var endResult = $(data).find('#productDetails'); 
endResult.fadeTo(0,0, function() { 
    $(this).appendTo($placehold); 
    $placehold.removeClass('loading'); 
    $(this).fadeTo(300,1); // <- Added as per request 
    // Console log previously uncalled data works fine 
    // Called again, I get zero every single time 
    console.log(jQ('#anyElementInAJAXData').outerHeight(false)); 
});