当前位置:  开发笔记 > 编程语言 > 正文

使用jQuery 2.1+更改css会忽略transition属性

如何解决《使用jQuery2.1+更改css会忽略transition属性》经验,为你挑选了0个好方法。

我正在从jQuery 2.0.3切换到2.1.0.

我注意到在v2.1.0中,css transition直接设置css属性时会忽略该属性

$('#someElement').css('width','100px');

v2.0.3中,我的元素将保持它的css转换,而我在v2.1.0中丢失了.

我想知道为什么这会被区别对待,以及我如何"开启"过渡效果.

使用jQuery 2.0.3,css transition属性生效

$(function() {
  $('.myClass').css('width', '100px');
});
.myClass {
  height: 50px;
  width: 300px;
  background-color: red;
  transition: width 3s;
}

使用jQuery 2.1.0,将transition忽略css 属性

$(function() {
  $('.myClass').css('width', '100px');
});
.myClass {
  height: 50px;
  width: 300px;
  background-color: red;
  transition: width 3s;
}

编辑:

我在Chrome版本47.0.2526.106 m中看到了这种奇怪的行为

在Firefox 42.0中,两者都正常动画

推荐阅读
黄晓敏3023
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有