Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery向addClass/removeClass添加动画效果_Javascript_Jquery_Css_Jquery Ui_Jquery Animate - Fatal编程技术网

Javascript 使用jquery向addClass/removeClass添加动画效果

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,所以可以按原样使用它 答案基于:没有链接,请在此处放

我正在使用jquery和jquery ui,并希望为“div”标记上的属性设置动画。我希望将高度从数值更改为“auto”,但此效果不起作用。当我用一个数值来表示高度时,它可以正常工作,但用自动则不行

到目前为止,我已经试过了:
请参阅演示:

基本上,我看到的是它正在工作。消除影响。要设置动画,您需要将动画设置为数值。

这种方式不使用
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');
});