jquery 使用过渡追加子级时div的平滑增长

xqkwcwgp  于 2022-11-03  发布在  jQuery
关注(0)|答案(2)|浏览(100)

尽管使用了transition,但下面的代码并没有像我预期的那样运行,所以我可能没有理解它们。
理想情况下,单击该按钮将向id2 div追加一个子项,并使id1 div相应地平滑增长。
第一个

piv4azn7

piv4azn71#

I made it work for you。我将动画更改为您要追加的元素。#id2 to .child
上使用用于多种情况的样式,而不是在id上使用,因为它们应该是唯一的。
第一个

lyr7nygr

lyr7nygr2#

当按下按钮时,CSS属性不会改变,因此不触发任何CSS转换是正确的行为。
要使#id2在添加新子项时平稳增长,必须使用其他一些机制。

相关问题