如何在显示元素之前从.load（）获取新高度

我试图在使用.show()函数显示元素之前更改.right-content的高度。我希望新的高度等于通过t .html()转换的加载的PHP页面的高度。如何在显示元素之前从.load（）获取新高度

在调用.show()函数之前，我一直无法找到这个高度的方法，因此当页面加载时，它有时会被切断或变大（因为某些页面比较大/较小，其他）。

有没有办法获取高度并将其更改为注释在代码中的位置？谢谢！！

$(document).ready(function() { 
    jQuery.easing.def = "easeInOutBack"; 

    $(".right-content") 
     .hide("slide") 
     .load("homePage/start.php").html(); 
    $(".right-content") 
     .show("slide", {direction: "left"}, 750); 

    $('#footer') 
     .fadeIn(2000); 

    $(".button").click(function() { 
     $(".right-content").hide("slide", {direction: "left"}, 700, function() { 
      $(this).load("homePage/" + item + ".php", function() { 
       // figure out how to get the new .load() height and set $(this).height() equal to it 
       console.log($(this).height()); 
      }); 

      $(this).show("slide", {direction: "left"}, 1000); 
     }); 
    }); 
});

来源

2015-06-02 ZeldaZach

为了获得高度，它需要在页面上呈现。您可以将其粘贴在页面外的某个元素中并读取该值。 – epascarello

浏览器无法确切地知道内容的高度，直到它尝试呈现它为止。但JQuery hide()函数应用了CSS规则display:none，这意味着它不会被渲染，因为在那个点上高度是不可知的。

而不是hide，怎么样：css("visibility","hidden")。这会告诉浏览器呈现对象，但是不可见。您还必须使用自定义转换替换show方法以将可见性更改为"visible"。

来源

2015-06-02 01:44:17

如何在显示元素之前从.load（）获取新高度

回答

相关问题