以下所有内容均在 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 通过动画简单地更改宽度/最大宽度,我怎样才能使这些线条即时呢?
最佳答案
移除
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 行
关于javascript - 我怎样才能使 jquery.css 不具有动画效果,而是立即进行更改?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26621840/