Animation 边缘动画从javascript卸载和重新加载动画

我正在做一个项目，它由一个带有9个幻灯片的滑块组成，每个幻灯片都有一个边缘动画。我已经创建了一个脚本，它可以在您实际降落到特定幻灯片时动态加载动画。我这样做是为了避免一次加载所有内容。这个很好用。然而，问题是，一旦所有9个动画都进入，事情开始急剧放缓

我想做的是，一旦我离开一张相应的幻灯片，就停止动画，然后当我回到幻灯片时再次加载它

动画是相当复杂的符号被动态创建和删除自己，所以我不能简单地停止在舞台上的0。我必须彻底杀死它

如果有人知道方法，我会非常感激

谢谢。

看看

基本上，您必须修改一些文件，特别是*_edge.js，其中必须绑定自定义事件：

$(window).bind('triggerEdgeAnimation', function () {
    Edge.launchComposition(compId);
});

所以，在代码的某个地方，您可以触发事件来启动动画：

$("button").on('click', function () {
    $(window).trigger("triggerEdgeAnimation");
});

---

无论如何，您可以在链接中找到更多详细信息。

好吧，我已经设法通过edge javascript api停止动画，并在您返回到相应幻灯片时重新启动它们。速度不再是个问题。