Edge animate 从 javascript 卸载和重新加载动画答案

【问题标题】：Edge animate unload and reload animations from javascriptEdge animate 从 javascript 卸载和重新加载动画
【发布时间】：2014-04-30 08:50:44
【问题描述】：

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

我想做的是在我离开相应的幻灯片后终止动画，然后在我回到幻灯片时再次加载它。

动画非常复杂，符号是动态创建并自行删除的，所以我不能简单地在舞台上停留在 0 处。我必须彻底杀死它。

如果有人知道方法，我将不胜感激。

谢谢。

【问题讨论】：

【解决方案1】：

看看 this question。

基本上你必须修改一些文件，尤其是 *_edge.js，你必须在其中绑定你的自定义事件：

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

所以，在你的代码中，你可以触发事件来启动动画：

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

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

【讨论】：