Edge Animate 文件在 CMS 中不起作用答案

【问题标题】：Edge Animate files not working in CMSEdge Animate 文件在 CMS 中不起作用
【发布时间】：2014-01-09 21:50:40
【问题描述】：

我发布了我的边缘动画项目。我正在使用一个名为 Composica 的 CMS，它不支持 .OAM 文件，但我可以将 html 文件放入带有调用 javascript 的 iframe 的页面中。我已经在不是由 Edge 生成的 html 和 js 文件上完成了它，它工作正常。但是当我尝试放置边缘 html 文件和三个支持的 .js 文件时，它不起作用。

这个特定的 CMS 将所有文件放在一起，因此我更改了以下路径：

更改了 edge.js 文档中图像文件路径的位置，因为 Composica 中的图像不在单独的文件夹中，而是在与调用图片的文件相同的文件夹中：

im='images/'改为：im=''

修改edgePreload.js中两个jquery库文档的文件路径：

{ load: "edge_includes/jquery-1.7.1.min.js"} > { load: "jquery-1.7.1.min.js"}

{ load: "edge_includes/edge.2.0.1.min.js"}>{ load: "edge.2.0.1.min.js"}

因此，除非我忽略了它们，否则我相信所有文件都有正确的路径。因此，我收到了一个 javascript 警报，并在不同的位置进行了尝试，看看有什么不起作用。 html 页面正在工作并正确调用 edgePreload.js 页面。但是当我将警报放在最后两个 javascript 文件（edge.js 和 edgeActions.js）上时，很明显这不是正确调用的。在 edgePreload.js 文件中，我在这些位置尝试了警报：

// tried alert here and was successful!
   aLoader = [


    { load: "jquery-1.7.1.min.js"},
    { load: "edge.2.0.1.min.js"},
          { load: "coachingEssentialsTug_edge.js"},
          { load: "coachingEssentialsTug_edgeActions.js"}];

 // tried alert here and was successful!
        //alert("Hello! I am an alert box!!");

当我在 aLoader 中尝试警报时，我什么也没得到……所以由于某种原因，正是这个地方不允许我成功连接到这两个 javascript 文件。

如有任何建议，我们将不胜感激！

【问题讨论】：

我也有同样的问题。如果你解决了这个问题，请告诉我

标签： javascript content-management-system adobe-edge

【解决方案1】：

所以不久前我遇到了类似的问题，我想将 Adobe Edge 项目调用到一个网页，但不想将所有文件存储在我的服务器上的一个位置，我终于找到了解决方案，没有太多信息在网上如何做到这一点，所以我会尽力帮助你。看起来您知道如何更改 .js 文件位置，但我将对其进行解释，以便遇到类似问题的其他人知道该怎么做。所以我所知道的，如果你开始在它周围移动 Edges 文件，它会很快变得暴躁。因此，以我的情况为例，我的网站根文件夹中有一个网页，并且我有一个 Edge 文件夹，用于存储所有 Edge 文件。为了让我在根目录中调用网页上的动画文件夹我需要更改 edgePreload.js 文件中的一些内容，您需要更改四件事，这些是我的样子：

Edge/Icons/edge_includes/jquery-1.7.1.min.js    
Edge/Icons/edge_includes/edge.2.0.1.min.js   
Edge/Icons/icons_edge.js  
Edge/Icons/icons_edgeActions.js

*注意我会使用 ctrl f 来查找这些文件，因为这个 .js 文件写得不整齐。

您看到我必须添加“Edge/Icons/”，这样 .js 文件才能知道在哪里查找。此外，如果您要拥有图像，则需要更改 edge.js 文件，我的文件如下所示"var im='Edge/Icons/images/';"

（ristenk1 我认为这最后一步可能是您缺少的，或者您只是没有提到它，而不是使用 iFrame 尝试仅使用 div）

最后但并非最不重要的一点是，您希望在网页上显示这些动画，您需要在

标记中添加类似这样的内容。这可以在您发布的边缘项目的 .html 文件中，您发布的每个项目都有一个唯一的 id。

<!--Adobe Edge Runtime-->
    <script type="text/javascript" charset="utf-8" src="Edge/Icons/icons_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-42407812 { visibility:hidden; }
    </style>
<!--Adobe Edge Runtime End-->

然后在您希望显示的正文中使用：

<div id="Stage" class="EDGE-42407812">
    </div>

这里还有一些我在这方面找到的资源：

http://www.danielhanly.com/blog/tutorial/adobe-edge-embedding-animations-page/

http://www.vbulletin.org/forum/showthread.php?t=277838

我想我的工作计算机上还有一些我会在明天工作时尝试发布它们。希望对您有所帮助，如果您有任何问题，请告诉我。

【讨论】：