0

我正在使用以下代码：

  $("#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);
 });

我不知道如何获取目标的高度并设置它。但无论如何，它会起作用吗？或者也许有人对我有另一种解决方案？

提前致谢！

4

1 回答 1

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不依赖于整体高度，因此会平滑地将其下方的内容向下移动

于 2013-01-15T08:42:04.477 回答