Prevent Adobe Edge Preload.js File From Loading Jquery

First I have to say that I am not a professional programmer but designer learning by doing. So I am afraid I need simple explanations if possible. I am using Edge animate as parts

Solution 1:

I've been having the exact issue and you've probably solved it by now, but hopefully it'll help someone else.

1) Make sure you get your files by choosing 'HTML' in your publish settings, and publishing to a clean folder.

2) Use a prettifier tool (e.g. http://jsbeautifier.org/) to make the [filename]_edgePreload.js file readable.

3) Add this line window.AdobeEdge.$_ = $; just under the top line window.AdobeEdge = window.AdobeEdge || {};

4) Find this line (function(compId) { (which is the start of the load method) and wrap that whole method (everything between here and the bottom of the page) with $(function() { and });

5) In the aLoader array, remove the first two entries that specify how to load edge and jquery.

6) Add the edge library (currently https://animate.adobe.com/runtime/4.0.1/edge.4.0.1.min.js) to the head of your site, along with jQuery.

---

Don't feel too bad that this was confusing, the Adobe Edge output code has been written by a cabbage with legs. Everyone struggles with it :)