Javascript 为动态附加的div应用转换

祝整个stackoverflow社区早安！（特别是对于那些正在阅读此的人，您可以像这样计算动态高度

$（“#容器”）.height（）-$（“.header”）.height（）；

并使用此函数

$（文档）。在（“mouseenter”、“.item”上，function（）

将hover evcent绑定到这样的动态创建的元素

$（函数（）{
var itemsNumber=4；//比如说，我从数据库中获得了这个数量的项。
$（“#btn”）。在（“单击”，函数（）{
对于（i=0；i

#btn{
背景颜色：绿色；
颜色：黑色；
光标：指针；
显示：内联块；
边缘底部：16px；
填充：10px 30px；
}
#容器{
边框：1px实心#aaa；
显示器：flex；
证明内容：之间的空间；
最小高度：150px；
填充：10px；
宽度：550px；
}
.项目{
边框：1px实心#999；
高度：200px；
溢出：隐藏；
宽度：120px；
}
.流动组{
填充：10px；
文本对齐：居中；
}
.标题{
背景色：红色；
高度：53px；
/*每个项目的此值都不相同*/
文本转换：大写；
}
.说明{
背景颜色：蓝色；
颜色：白色；
}

添加TEM

遗憾的是，它无法工作，因为标题的高度出人意料，我需要在其初始状态（悬停前）看到所有内容。@AlexanderPrisazzny我已更新了我的答案。请检查一下谢谢！你看，问题是-我需要他们在开始时有transform:translateY（needValue）（不在悬停或任何直接用户事件上）。然后transform:translateY（0）用于悬停，但在我的情况下不应计算0值。transform:translateY（neededValue）最初仅通过

var hei=$（“#容器”）.height（）-$（“.header”）.height（）；$（“.moving”）.css（“transform”，“translateY”（+hei+“px”）计算

在

中单击事件。另一个是当用户鼠标离开div@AlexanderPrisazhny如果有帮助，请接受并投票表决答案