获得另一个网页的高度

Question

我正在使用以下代码：

  $("#galleries").load("letters/index.php");
  $(function(){
  $('#galleries').hide().fadeIn(1500);
  });

一切正常。我的问题是，我有大约8个这样的脚本，每当我切换div的内容时，它就不能顺利完成，首先，它清除了DIV并让我看到它大约0.7秒，之后，它会在一秒钟内加载所有内容，这真的令我不安。

我想到了一个解决方案，我将获得我想加载的页面高度，然后将DIV高度设置为该高度，然后加载信息。它会起作用吗？因为，LOAD函数会删除div中的所有内容，它是否也会删除height属性？

一般来说，这就是我想要实现的目标：

 //GET TARGET'S HEIGHT
 //SET #galleries TO THAT HEIGHT
 $("#galleries").load("letters/index.php");
  $(function(){
 $('#galleries').hide().fadeIn(1500);
 });

我不知道如何获得目标的高度并设置它。但无论如何，它会起作用吗？或者有人可以为我提供另一种解决方案？

提前致谢！

Answer 1

您没有使用load()的完整回调，它允许您在内容加载后运行代码。

尝试这样的事情：

$(function(){
/* hide first, then load*/
 $('#galleries').hide().load("letters/index.php", function(){
      /* new content now exists*/
      $(this).slideDown()/* or fadeIn() or any other effect*/
  });
});

SlideDown不依赖于整体高度，因此可以顺畅地移动其下方的内容