window.load和document.ready仍在等待DOM

Question

在我的情况下，我需要检查图像的高度（100％宽度）。

  $(window).load(function() {    
    var heightImage = $('ul.images li[style*="display: list-item"] img').height();
    $(window).resize(function() {
      var heightImage = $('ul.images li[style*="display: list-item"] img').height();
      $('ul.images').css("height", heightImage + "px");
    }).resize();
  });

使用.load函数的方法，它会在最终检查图像的高度后等待所有准备好的内容。

如果我使用

  $(document).ready(function() {

不检查图像高度。奇怪的是当我检查元素时，它突然加载.ready函数并给出了图像的高度。好像，在我的情况下，.ready函数仅在Web中存在活动时才有效，例如当我检查元素时。

如何解决这个问题。

有人可以帮帮忙吗？提前致谢。

Answer 1

希望这有帮助

$('ul.images li[style*="display: list-item"] img').load(function() {
  var heightImage = $(this).height();
  $(window).resize(function() {
    var heightImage = $('ul.images li[style*="display: list-item"] img').height();
    $('ul.images').css("height", heightImage + "px");
  }).resize();
});