JQuery动画总是删除display：none并将display：block添加到内联css

Question

我正在为一组图像上的动画运行一些简单的jquery。有些图像是隐藏的，有些则不是。但似乎jquery只是让它们全部可见，我想通过改变它们的显示方式来动画这些。

$('.productImageLarge').animate({
    width: 185,
    height: 185
});  

JQuery会自动显示它们：block。

是否可以在不更改显示可见性的情况下进行动画处理。

由于

Answer 1

如果设置了display属性并添加了！important声明，jQuery将在完成动画后恢复显示属性。例如，如果您在jQuery主页上运行此命令，它将设置要显示的第一个图书图像：内联，为其设置动画，然后验证生成的HTML是否具有正确的显示属性。

$($(".jq-bookImg").get(0))
    .css("display","inline !important")
    .animate({ width: 85, height: 185 }, function(){
        console.log("display propery is " + $(this).css("display"));
    }
);