为动态内容加载平滑地动画Div高度和向下动画

时间:2015-03-10 10:40:30

标签: javascript jquery html ajax

我已经进行了大量的搜索,并找到了许多不同的解决方案,但我不确定实际实施的内容。

我有三个按钮。每个按钮都使用loadXMLDoc将新内容动态加载到div中。

我希望div在加载新内容时能够平滑地扩展或收缩。

我没有为div设置一个高度,所以很明显,无论如何它会调整大小,但我认为一个很好的过渡会改善体验。

我发现了一个jquery插件,在这里出现了几次:

animating height on jquery load

但是,我是使用jquery插件的新手,并且不知道如何实现它。

另外,如果我更正,则意味着将LoadXMLDoc AJAX函数分箱并改为使用jquery get方法。

所以我的问题是,这是最好的使用方法,还是有更优雅的东西?

如果这是最好的使用方法,我该如何实现呢?

我还找到了this,其中符合我的要求,但显然我需要一种方法将动态内容传递给它。

$('#action').click(function(){

    var $mydiv = $('#mydiv');
    $mydiv.css('height', $mydiv.height() );
    $mydiv.html( newcontent );
    $mydiv.wrapInner('<div/>');
    var newheight = $('div:first',$mydiv).height();
    $mydiv.animate( {height: newheight} );
  });

Here是我目前正在制作的网站,供您参考,如果您想了解我所说的具体内容。我对很多javascript,jquery等都很陌生。我以前只使用HTML和CSS,但是我试图增加对不同库和语言的了解,并了解事情的进展情况实际上工作,而不是试图破坏事物,直到我偶然发现有效的东西!

感谢您对我的支持和一如既往的帮助。正如我之前所说的那样,一个不问任何问题的傻瓜...... = D

0 个答案:

没有答案