6 Replies Latest reply: Nov 6, 2014 12:06 PM by resdesign

Loading jquery ui - ReferenceError: jQuery is not defined

ingofkc Nov 6, 2014 4:59 AM

I am following a simple tutorial to add dragging functionality to a composition.

I added this code to the creationComplete-event of the stage:

var onComplete = function onComplete() {

alert('loaded"); // -> fired

sym.$('blueDD').draggable();

// throwing these errors in Firefox:

// ReferenceError: jQuery is not defined

// TypeError: sym.$(...).draggable is not a function

}

yepnope({nope:['js/jquery-ui.min.js'], complete : onComplete});

Jquery UI is the newest one (1.11.2)

Questions:

* What am i doing wrong? Maybe its because JQuery UI is an AMD - Module?

* How do i know which version of jquery edge is currently using?

* Is it possible to "update" the jquery version that edge is using by my own?

Thanks, Ingo

1. Re: Loading jquery ui - ReferenceError: jQuery is not defined

vivekuma Nov 6, 2014 5:17 AM (in response to ingofkc)

I assume you are using the latest version of Edge Animate which is 2014.1.

The new version no longer has dependency on jQuery, so before you try to load the jQuery-UI.js, you need to load the jQuery.js file.

Then it should work.

hth,
Vivekuma
Like Show 0 Likes (0)

Actions
2. Re: Loading jquery ui - ReferenceError: jQuery is not defined

ingofkc Nov 6, 2014 5:59 AM (in response to vivekuma)

Ah, i see, thanks a lot!

I just wonder about what type of object i get, when i use $('myobject'), if it is not a jquery-object any more?

Another question is, if it does make sense any more to mix in JQuery and JQuery UI within an Edge - Animation? - I heard about problems because of different object-positioning-models of jquery and edge-animations.
Like Show 0 Likes (0)

Actions
3. Re: Loading jquery ui - ReferenceError: jQuery is not defined

vivekuma Nov 6, 2014 8:29 AM (in response to ingofkc)

In the latest Edge Animate, $("myobject") will return an AdobeEdge object using which you can call functions as mentioned in Edge API documentation.
And if you include jQuery in Edge, then also it'll return an AdobeEdge object which has extended all the functionality of jQuery object. i.e. you can treat that object just as any other jQuery object as well as call upon Edge API functions as well.

Regarding your second question, I am not heard of such issues of object-positioning, can you share a simple example composition to demonstrate such an issue.

hth,
Vivekuma
Like Show 0 Likes (0)

Actions
4. Re: Loading jquery ui - ReferenceError: jQuery is not defined

ingofkc Nov 6, 2014 9:07 AM (in response to vivekuma)

Thank, you works fine now as supected!
Like Show 0 Likes (0)

Actions
5. Re: Loading jquery ui - ReferenceError: jQuery is not defined

ingofkc Nov 6, 2014 9:41 AM (in response to ingofkc)

The object-positioning issue is the following:

If i create some "static" Elements on the stage as DragElements and Targets and use JQuery UI for draggable and droppable functiononality it works fine.

But if i animate those Elements ( just a simple move-animation from outside the stage ) and then start dragging, the dragElements moves to a far away position, away from the cursor. this is due to css transformations in adobe edge in contrast to just using left and top properties in JQuery.

Do you have any suggestion to avoid this problem?
Like Show 0 Likes (0)

Actions
6. Re: Loading jquery ui - ReferenceError: jQuery is not defined

resdesign Nov 6, 2014 12:06 PM (in response to ingofkc)

You cannot have the animation of objects on the main timeline if using drag n drop from jquery-UI. You might want to consider having symbols instead of elements and make the animation within the symbol.

If you have the x and y property lines for your object, it will move according to these numbers.
Like Show 0 Likes (0)

Actions