php - 使用 ajax 和 jQuery 时，如何识别完全加载的 div 中的 ajax 内容（图像和文本）？

Question

$.ajax({
    type: 'POST',
    url: 'show-photo3.php',
    data: 'type='+type+'&count='+count+'&aid='+aid,
    dataType: 'html',

    success: function(response) {
        //alert(response);                      
        $('#vph').html(response);               
        $('#vph').fadeIn("1000");                
        newhight=$("#vph").height();                  
        $("#vph_outer").css('height',newhight);
     }           
});

它用于基于 ajax 的图片库。当我尝试根据新内容的高度调整外部 div 的大小时。它不能正常工作意味着取错高度。我认为取高度时没有完全加载 ajax 内容。

Answer 1

var img = new Image();
img.src = img_url;
img.onload = function () {
//img was loaded
}

Answer 2

尝试在动画完成后计算高度，在fadeIn的回调函数中

$('#vph').fadeIn("1000", function(){
      newhight=$("#vph").height();   
      $("#vph_outer").css('height',newhight);
});

如果您通过 ajax 加载图像，请在计算高度之前尝试使用waitForImages插件。

$('#vph').html(response).waitForImages(function() {               
    $('#vph').fadeIn("1000"), function(){
          newhight=$("#vph").height();   
          $("#vph_outer").css('height',newhight);
    })
});