2013-02-16 39 views
0
$.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的圖像gallery.when我嘗試重新大小外部div基於 新內容的高度。它的工作不正常意味着錯誤的高度。我認爲ajax內容在取高時不會完全加載。如何識別ajax內容(圖像和文本)在div中加載完全或不使用ajax和jQuery?

+1

試圖解釋你的問題更準確一點。我不知道你的問題是什麼,有關身高和阿賈克斯的事情。但就是這樣。 – Schwierig 2013-02-16 13:16:18

回答

0

試計算高度動畫完成後,在淡入

$('#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); 
    }) 
}); 
0
var img = new Image(); 
img.src = img_url; 
img.onload = function() { 
//img was loaded 
}