Question

我要附加div，我需要获取整个图像的高度。我需要根据图像的高度/宽度将css添加到MB-Container类中

示例：纵向->容器宽度100％，横向-> 'self-align'：'flex-end'

$('.MB-Container').append('' +
  '<div class="Cover-Item">' +
    '<img src="' + cover + '" style="width:100%; height:100%;"/>' +
    '</div>' +
  '</div>');

但是，当尝试获取图像的高度和宽度时，高度却为零：

var itemWidth = $('#item1 .Cover-Item img').width();
var itemHeight = $('#item1 .Cover-item img').height();

如何在附件中添加onload函数以检查图像的宽度/高度？

我尝试过：

$(document).on("load",".Cover-Item img", function() {

}).each(function() {
   if(this.complete || /*for IE 10-*/ $(this).height() > 0)
   console.log($(this).load());
     $(this).load();
});

但这只会触发一次。

Answer 1

实际的onload函数在您的示例中为空白。这可能有效：

$(document).on("load",".Cover-Item img", function() {
   if(this.complete || /*for IE 10-*/ $(this).height() > 0)
   console.log($(this).height());
});

图像高度在附加元素上返回0

1 个答案: