检测 JQuery 动画结束

Question

3

我有一个工作的Jquery动画，就像这样：

const e = $("#span-7");
e.css({fill: "#4287f5", transition: "0.5s"});

如何检测动画的结束？

我尝试了这个方法但是没有成功！

e.one("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd", function(){
       console.log('Animation Ended!');
});

编辑：大家请注意，fill动画不支持使用animate。我需要使用.css动画。

- Sara Ree

1

你正在使用哪个版本的jQuery？ - hgb123

jquery-3.5.1.min.js 有关系吗？！ - Sara Ree

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Greg-- · Answer 1

如果您使用jQuery，可以使用.animate()方法进行动画处理。 .animate()方法具有完成回调。

const e = $("#span-7");
e.animate({
  fill: "#4287f5"
}, 500, function(){
   // animation complete
})

更新：对于动画填充属性，您必须使用jQuery插件jQuery Color

更新：如果您不想使用jQuery颜色插件： 使用事件transitionend和webkitTransitionEnddemo