我正在从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中,两者都正常动画