我正在使用AJAX将HTML和图片加载到特定容器中。我需要动画化包含容器的高度,因此我尝试了以下代码:
// load content
var id = $(this).data('id');
$.get('content/'+id+'/html/content.html', function(data) {
// insert html
$('#overlay-inner').html(data);
// show overlay
$('#overlay').fadeIn();
// add new height to wrapper
var height = $('#overlay').height() + 200;
console.log(height);
$('#wrapper').animate({'height':height});
});
很不幸,它只在某些情况下有效,因为高度不正确。所加载的数据包含一些图片,它们需要一点时间来加载。
是否有任何方法可以检查所有图片是否已加载,这样我就可以在完全加载后动画化高度?