Edge Animate文件在CMS中不工作 [英] Edge Animate files not working in CMS

问题描述

我发布了我的边缘动画项目。我使用一个名为Composica的CMS，它不支持.OAM文件，但我可以把html文件到一个页面与一个iframe调用javascript。我做了它的html和js文件，不是由Edge生产，它工作正常。但是当我尝试把边缘html文件和三个支持.js文件它不工作。

I published my edge animate project. I'm using a CMS called Composica and it doesn't support .OAM files but I can put html files into a page with an iframe that calls javascript. I have done it on html and js files that were not produced by Edge and it works fine. But when I try to put the edge html file and three supporting .js files it does not work.

此特定CMS的所有文件位于一起，因此我更改了以下路径：

This particular CMS has all of the files located together so I changed the pathing for the following:

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

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

im='images/' changed to: im=''

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

1. Change file path of the two jquery library docs in edgePreload.js:

{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文件中，我尝试了在这些位置的警报：

So unless their is something I am overlooking I believe all of the files have the correct path. So then I took a javascript alert and tried it in different locations to see what is not working. The html page is working and calls the edgePreload.js page correctly. But when I place the alert on the last two javascript files (edge.js, and edgeActions.js) it is obvious that this is what is not being called correctly. On the edgePreload.js file I tried the alert in these locations:

// 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中的警报时，我没有什么...所以因为某种原因，

When I tried the alert inside the aLoader I got nothing... so for some reason it is this very spot that is not allowing me to successfully connect to those two javascript files.

请注意任何建议。

推荐答案

所以我有一个类似这个问题的问题，我想调用Adobe Edge项目到一个网页，但不想存储在我的服务器上的一个位置的所有文件，我终于发现解决方案没有太多的信息在网上如何做到这一点，所以我会尽我所能来尽力帮助你。看起来你知道改变.js文件位置，但我会解释它，所以有类似问题的人知道该怎么办。所以我知道如果你开始移动边缘文件周围它变得崎岖的快。所以让我把我的情况为例子我有一个网页在我的网站的根文件夹，我有一个Edge文件夹，我存储所有的Edge文件。为了让我调用在网页上的动画根文件夹我需要更改edgePreload.js文件中的一些东西，有四个你需要更改的东西，这些是我的看起来像：

So I had a problem similar to this awhile back, I wanted to call Adobe Edge projects to a webpages but did not want to store all the files in one location on my server, I finally found the solution there is not much information on the web how to do this so I will do my best to try to help you. It looks like you know about changing the .js file locations but I am going to explain it so someone else with a similar problem knows what to do. So what I do know if you start moving Edges files around it gets cranky fast. So lets take my situation for an example I have a webpage in my root folder for my website and I have an Edge folder that I store all my Edge files in. In order for me to call on an animation on the web page in the root folder I need to change a few things in the edgePreload.js file, there are four things you need to change, these are what mine look like:

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

*Note I would use ctrl f to find these files because this .js file is not neatly written.

您看到我不得不添加Edge / Icons /，这样.js文件知道在哪里看。如果你要有图像，你将需要改变edge.js文件，我的文件看起来像这样var im ='Edge / Icons / images /';

You see I had to add "Edge/Icons/ so that way the .js file knows where to look. Also if you are going to have images you will need to change the edge.js file, my file looks like this "var im='Edge/Icons/images/';"

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

(ristenk1 I think this last step maybe what you are lacking, or you just didnt mention it, instead of using an iFrame try just using a div)

最后但尤其是您希望这些动画显示在您的网页上，您需要向您的<头>标签。这可以在您发布的边缘项目中的.html文件中，您发布的每个项目都有唯一的ID。

Last but not least the web page that you want these animations to show up on you need to add something that looks like this to your < head> tag. This can be in the .html file in your published edge project, every project you publish has a unique 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-->

然后在您希望显示的主体中使用：

Then in the body where you would like this to show up use:

<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

我想我的工作电脑上还有一对夫妇，我会努力明天在工作时张贴他们。如果您有任何问题，我希望这有帮助。

I think I have a couple more on my work computer I will try to post them tomorrow while at work. I hope this helps if you have any questions let me know.

这篇关于Edge Animate文件在CMS中不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！