jQuery .animate（）问题

Question

我正在尝试为无序的图像列表制作自动滚动/轮播功能。

当你鼠标悬停在包含的div上时，它调用一个函数来完成<ul>上的边距动画

$(".thumbs").animate({"margin-top": (currentMargin - 10) + "px"}, function(){
     console.log("margin-top" + (currentMargin - 10) + "px");
     running=false;
     });

我在日志中看到了我想要的正确值，即动画认为它已经完成......但我的div上没有任何变化。

是否有人对可能使动画功能无法正常工作的内容有任何见解？

由于

Answer 1

尝试使用“marginTop”而不是“margin-top”。通常当你使用CSS props作为“border-something”或“margin-something”时最好使用它的“normalized”版本，就像你以前在DHTML（styles.marginTop）中那样。