Jquery 是弹性项目'；订购动画？

第页上写着“是”

当我自己尝试时，它们不会产生动画。当上面提到属性“顺序”是可动画的时，我是否误解了上面的页面

$（'.flex项'）。单击（函数（）{
var offset=$（this.css（'order'）-3；
$（'.flex item'）。每个（函数（）{
var current=$（this.css（'order'）；
var检查器=当前-偏移量；
var-des；
如果（棋盘格<1）des=棋盘格+5；
否则，如果（棋盘格>5）des=棋盘格-5；
else des=检查程序；
$（this.css（'order'，des）；
});
});
.flex容器{
显示器：flex；
过渡：所有5s轻松
}
.弹性项目{
宽度：60px；
高度：60px；
边框：实心1px黑色；
过渡：所有5s轻松
}
.a{
顺序：1；
背景：黄色
}
.b{
顺序：2；
背景：红色
}
c{
顺序：3；
背景：蓝色
}
博士{
顺序：4；
背景：绿色
}
e{
顺序：5；
背景：黑色
}

1.
2.
3.
4.
5.
是<代码>顺序

可设置动画

但是，在代码片段中，您更改了所有元素的

顺序

，因此可能很难看到发生了什么。尝试单击以下小提琴中的最后一项：

$（'.flex项'）。单击（函数（）{
$（this.css（'order'，'0'）；
});
.flex容器{
显示器：flex；
}
.弹性项目{
宽度：60px；
高度：60px；
边框：实心1px黑色；
}
.transition>.flex项{
过渡：所有5s线性；
}
.a{
顺序：1；
背景：黄色；
}
.b{
顺序：2；
背景：红色；
}
c{
顺序：3；
背景：蓝色；
}
博士{
顺序：4；
背景：绿色；
}
e{
顺序：5；
背景：黑色；
}

单击一个框。它将移到开头

随着过渡：
1.
2.
3.
4.
5.
没有过渡：
1.
2.
3.
4.
5.
在Chrome 40.0.2214.115或Firefox 34.0.5中，我看不到这一点在iOS 7上的Safari中起作用（尽管在iOS 7 Safari中，堆栈片段和JS Fiddle等都有点碰运气……）。根据规范，此属性是可设置动画的：但看起来浏览器支持可能还不存在。到目前为止仍然不起作用（chrome 58.0.3029.110）。好问题。如果能在这里得到一个很好的过渡动画就好了