我怎样才能使jquery.css不动画，而立即进行更改？

Question

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

看一下我正在建立的这个网站上的主要图像： http : //www.appsbayou.se

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

该页面后面的代码来自自定义的wordpress主题，在这个问题上我没有发言权。 我唯一的工作就是“修复图像，使其不做动画”。

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

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

其中$(this)引用<img>标记。 这里没有.animate（）。 那么，为什么用jQuery通过动画来简单地更改width / maxwidth呢？我该如何使这些行立即变为呢？

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行

Answer 2

如果在图像上执行“检查元素”，则会看到该元素包含在采用轮播方案的div集合中。 您可以做几件事。 一种是编辑页面HTML并摆脱容器div。 尽管在格式化方面，这可能会产生一些不必要的副作用。

另一个选择可能是迭代$(this)的父链，并开始选择性地从包含div的类中删除类。 例如，摆脱center-slides-enabled类，然后看看会发生什么。 在不了解轮播的更多信息的情况下（您正在使用缩小的Javascript包装器，因此很难知道发生了什么）我无法确切地说说要删除的正确类是什么，但是要进行一些尝试，然后-error我认为您应该能够很快弄清楚您需要做什么。