为什么在将生成的代码复制到不同目录中的html文件后,Adobe Edge动画不起作用?

时间:2012-11-28 23:48:08

标签: javascript animation directory adobe-edge

我正在尝试将Edge生成的所有文件与我的主文件分开。

这是它发布的文件中的html:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>Untitled</title>
<!--Adobe Edge Runtime-->
<script type="text/javascript" charset="utf-8" src="anim_edgePreload.js"></script>
<style>
    .edgeLoad-EDGE-20819118 { visibility:hidden; }
</style>
<!--Adobe Edge Runtime End-->

</head>
<body style="margin:0;padding:0;">
<div id="Stage" class="EDGE-20819118">
</div>
</body>
</html>

我将代码复制到包含所有生成文件的动画文件夹之外的html文件,并更改了它所引用的JS文件的目录。

anim_edgePreload.js - &gt; edgeAnimation / anim_edgePreload.js

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>Untitled</title>
<!--Adobe Edge Runtime-->
<script type="text/javascript" charset="utf-8" src="edgeAnimation/anim_edgePreload.js"></script>
<style>
    .edgeLoad-EDGE-20819118 { visibility:hidden; }
</style>
<!--Adobe Edge Runtime End-->

</head>
<body style="margin:0;padding:0;">
<div id="Stage" class="EDGE-20819118">
</div>
</body>
</html>

动画不再出现在页面上,不知道为什么?

几秒钟后,我在Firebug中收到此错误:

TypeError:AdobeEdge.okToLaunchComposition不是函数

function edgeCallback(a){htFallbacks [a]&amp;&amp;(a = htFallbacks [a]); Adob​​eEdge.preload.got [a] =!0; if(a == Adob​​eEdge.preload.last)AdobeEdge .okToLaunchComposition(compId),AdobeEdge.preload.busy = 1,AdobeEdge.preload.q.length&GT;!0安培;及(A = Adob​​eEdge.preload.q.pop(),AdobeEdge.requestResources(a.files,一个。回调))}

1 个答案:

答案 0 :(得分:7)

这次投票确实没必要,这是一个有效的问题,我现在已经有类似的问题了几天了。考虑到新的Edge Animate是如何以及每个构建的差异,缺乏信息。总之:

我的问题是在另一页的 div 中显示动画。任何明显加载动画的尝试都失败了。我成功地使用HTML 对象标记来解决此问题:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>Banner</title>

</head>

<body style="margin:0;padding:0;">

<object data="animations/liferay/liferay-00.html" style="height:175px; width:100%"></object>

</body>
</html>

请注意我没有更改任何URL路径。我所做的只是指向发布文件夹。

因此,如果您仍然遇到问题,请尝试重新发布。

希望它有所帮助。

<强>更新 Wayne Barron 提供的其他解决方案: http://youtu.be/RQKqlpCkrjs