窗口.加载和文档.准备好了，还在等待DOM

window.load and document.ready still waiting for DOM

本文关键字：在等待 DOM 准备好了 加载 文档 窗口      更新时间：2023-09-26

在我的例子中，我需要检查图像的高度(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函数仅在网络中有活动时起作用，例如当我检查元素时。

如何解决这个问题。

有谁能帮忙吗?提前感谢。

希望对您有所帮助

$('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();
});
相关文章：