Adobe Community: Message List - Loading jquery ui - ReferenceError: jQuery is not defined

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

forums_noreply@adobe.com — Thu, 06 Nov 2014 20:06:52 GMT

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.

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

forums_noreply@adobe.com — Thu, 06 Nov 2014 17:41:51 GMT

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?

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

forums_noreply@adobe.com — Thu, 06 Nov 2014 17:07:59 GMT

Thank, you works fine now as supected!

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

forums_noreply@adobe.com — Thu, 06 Nov 2014 16:29:24 GMT

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

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

forums_noreply@adobe.com — Thu, 06 Nov 2014 13:59:18 GMT

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.

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

forums_noreply@adobe.com — Thu, 06 Nov 2014 13:17:04 GMT

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

Loading jquery ui - ReferenceError: jQuery is not defined

forums_noreply@adobe.com — Thu, 06 Nov 2014 12:59:56 GMT

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