我已经进行了大量的搜索,并找到了许多不同的解决方案,但我不确定实际实施的内容。
我有三个按钮。每个按钮都使用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