Javascript 使用jquery向addClass/removeClass添加动画效果
我正在使用jquery和jquery ui,并希望为“div”标记上的属性设置动画。我希望将高度从数值更改为“auto”,但此效果不起作用。当我用一个数值来表示高度时,它可以正常工作,但用自动则不行 到目前为止,我已经试过了:Javascript 使用jquery向addClass/removeClass添加动画效果,javascript,jquery,css,jquery-ui,jquery-animate,Javascript,Jquery,Css,Jquery Ui,Jquery Animate,我正在使用jquery和jquery ui,并希望为“div”标记上的属性设置动画。我希望将高度从数值更改为“auto”,但此效果不起作用。当我用一个数值来表示高度时,它可以正常工作,但用自动则不行 到目前为止,我已经试过了: 请参阅演示:基本上,我看到的是它正在工作。消除影响。要设置动画,您需要将动画设置为数值。这种方式不使用addClass/removeClass,但其工作原理相同。它使用animate,因为您已经在使用jqueryui,所以可以按原样使用它 答案基于:没有链接,请在此处放
请参阅演示:基本上,我看到的是它正在工作。消除影响。要设置动画,您需要将动画设置为数值。这种方式不使用
addClass
/removeClass
,但其工作原理相同。它使用animate
,因为您已经在使用jqueryui,所以可以按原样使用它
答案基于:没有链接,请在此处放置代码以获得更好的响应。@r抱歉,链接已更正
$("#effect1").click(function() {
var el = $(this),
curHeight = el.height(),
autoHeight = el.css('height', 'auto').height();
el.height(curHeight).animate({height: autoHeight}, 'fast');
});