html - AJAX返回的html字符串高度为0

Question

我正在使用 jquery 解析由 ajax 调用返回的 html 字符串，因此我可以按照我想要的方式定位它们，但是outerHeight()对字符串的函数调用似乎返回值 0。任何人之前都经历过这个或者知道为什么会这样所以？代码片段如下所示。

(window).scroll(function(){
  if($(window).scrollTop() == $(document).height() - $(window).height()){
    $.ajax({
      url: "/more",
      async:false,
      success: function(data){
        html = $(data);
        html.each(function(i){ 
          //position($(this));
          console.log($(this).html());
          console.log($(this).outerHeight());
        });
    $('#container').append(html);
      }
    });
  }
});

Answer 1

HTML 元素在渲染之前没有高度，因为高度将取决于应用于渲染它们的上下文的 CSS。

如果您将 HTML 添加到页面然后访问高度，您应该得到正确的数字。