javascript - 我怎样才能使 jquery.css 不具有动画效果，而是立即进行更改？

Question

以下所有内容均在 OSX 上的 Chrome 中进行了测试。

看看我正在 build 的这个网站的主图:http://www.appsbayou.se

正如您在加载页面时看到的那样，图像看起来像是在“滑动”到正确的位置。我不想要这种行为。

此页面背后的代码来自自定义 wordpress 主题，在这件事上我没有发言权。我唯一的工作是“修复图像，使其不显示动画”。

在源代码中我发现这些行是罪魁祸首:

$(this).css("width", new_img_width);
$(this).css("max-width", new_img_width);

哪里$(this)指的是<img>标签。这里没有 .animate() 。那么为什么使用 jQuery 通过动画简单地更改宽度/最大宽度，我怎样才能使这些线条即时呢？

Answer 1

移除

img {
transition: width 0.5s ease-in-out 0s, 
            left 0.7s ease-in-out 0s,
             right 0.7s ease-in-out 0s;
}  

来自

http://www.appsbayou.se/wp-content/themes/customizr/inc/assets/css/orange.min.css?ver=3.1.24

第 15 行