Script loading conflict? Object has no method error when including Adobe Edge Animation

I’ve got a real hairpuller:
I have a webpage that uses jquery, jquery-ui and flexslider. Everything works fine. Now I want to include an animation I have made with Adobe Edge Animator. The animation works fine by itself,but when I include it in the page for some reason it seems to break jquery-ui and flexslider – I get

Uncaught TypeError: Object [object Object] has no method ‘dialog’

  • Is it possible to resize an Adobe Edge animation?
  • Why doesn't Adobe Edge animation work after copying generated code into an html file in a different directory?
  • Edge Animate Start Animation From JS
  • Adding Adobe Edge Scripts into Rails Asset Pipeline
  • Javascript error in event handler! Event Type = element
  • Using Adobe Edge Animate with AngularJS and AngularUI Router
  • Uncaught TypeError: Object [object Object] has no method ‘flexslider’

    even though the scriüpts are loaded and everything works when I take the

    <script type="text/javascript" charset="utf-8" src="ani_1_edgePreload.js"></script>
    

    out again.

    I’ve tried using jquery noconflict, rearranging script sequence but to no avail.

    What’s really weird is that if I call the page with a certain parameter that pops open a jquery-ui dialog onload, the dialog actualy opens, but once the animation has loaded I get above error again.

    I’ve set up testcases here:

    This is the page with dialogs and flexslider working:

    http://s149471880.online.de/

    This is the page with the animation where dialogs and flexslider DON’T work:

    http://s149471880.online.de/?ani=1

    Any help would be greatly appreciated!

  • Adding Adobe Edge Scripts into Rails Asset Pipeline
  • Is it possible to resize an Adobe Edge animation?
  • Call composition ready of (edge animate) from javascript
  • Edge Animate Start Animation From JS
  • Stop/Pause the sound of edge animate inside an iframe with external javascript?
  • Using Adobe Edge Animate with AngularJS and AngularUI Router
  • One Solution collect form web for “Script loading conflict? Object has no method error when including Adobe Edge Animation”

    Load the animation in an i frame

    <iframe src="/animation/Animation.html" width="980" marginwidth="0" height="350" marginheight="0" scrolling="no" frameborder="0"> </iframe>
    

    then it doesn’t conflict.