jquery - 使周围的DIV在子div改变大小后平滑调整

Question

这会很长...

好的，所以我想要完成的是在子 div 更改时使外部 div 更改大小，但当前更改是闪烁的 Action ，它从点“a”到点“b”。

另一种解释方式:

• 原始尺寸:

内部 div:300 像素 x 300 像素

外部 Div:300 像素 x 500 像素

• 新维度:

内部 div:300 像素 x 400 像素

外部 div:300 像素 x 600 像素

当内部div时，它强制外部div改变为新尺寸的高度。转换发生的方式是这样的:

原始页面 -> 淡出当前内容 -> 加载新内容 -> 淡入新内容 -> 将外部尺寸轻弹到位

我试着让它像这样:

原始页面 -> 淡出当前内容 -> 使用动画调整外部尺寸 -> 加载新内容 -> 淡入新内容

代码

• jQuery

  $(this).click(function(){
      currentPageItem = $(this);
      elem = $(this).attr('id');
      view = 'views/' + elem + '.php';
      $('#content').fadeOut('slow', function() {
          $(this).hide();
          $(this).load(view, function() {
          $(this).fadeIn('slow');
      });
  });
  

Answer 1

将内部div的CSS设置为“height:100%;”。这样您只需调整外部 div 的大小。

如果有一些我不理解的细节，可能 jsfiddle 会有所帮助。