Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

AEM screens Jquery

Avatar

Level 5

I'm trying to create a component for screens with anime.js v3.0.1 library animation.

But I'm getting error.

1724303_pastedImage_0.png

it runs ok with jQuery v3.3.1 outside aem.

But I'm having trouble integrating it to AEM. seems to me like it's jquery conflict

How can I resolve this?

I've tried

Adobe Experience Manager Help | Integrating the JQuery Framework into Adobe Experience Manager

How to resolve jQuery library conflicts in AEM 6?  (seems outdated to me/ foundation directory missing in my instance)

didn't help.

js.txt

1724304_pastedImage_3.png

my production library

1724305_pastedImage_4.png

Thanks

1 Accepted Solution

Avatar

Correct answer by
Employee

Clear the ClientLibrary outputcache directory on the filesystem and reload the page.

  • Search in the AEM instance home folder with command below:

        find launchpad/felix -path "*/bundle*/data/outputcache" -type d   

  • Delete contents of the outputcache folder

Let me know. All the 1.x versions of JQuery should be 3.2.1 now. If it isn't please raise a Daycare ticket.

View solution in original post

8 Replies

Avatar

Employee

What's the version of AEM?

In AEM 6.4.4 (available tomorrow) jQuery was updated to 3.2.1 across the board to address some parts of AEM that were still running jQuery 1.11. So indeed it could be a jQuery mismatch.

Avatar

Level 5

AEM 6.4.3. Thanks for the insight. Any work around for now?

Avatar

Level 10

Introduce your own custom jquery version if you don't want to upgrade to 6.4.4

Avatar

Level 5

Thanks. may I know how can I achieve that?

adding jquery.min.js to js.txt doesn't sufice.

Avatar

Level 5

Hi.

I've already upgraded to 6.4.4

How do I know that it's already running jQuery 3.2?

I can still see jQuery v1.12.4

in

http://localhost:4502/etc.clientlibs/screens/clientlibs/sequencechannel-embed.js

Thanks.

Avatar

Correct answer by
Employee

Clear the ClientLibrary outputcache directory on the filesystem and reload the page.

  • Search in the AEM instance home folder with command below:

        find launchpad/felix -path "*/bundle*/data/outputcache" -type d   

  • Delete contents of the outputcache folder

Let me know. All the 1.x versions of JQuery should be 3.2.1 now. If it isn't please raise a Daycare ticket.

Avatar

Level 5

That process can be done by invalidating cache here

1730638_pastedImage_2.png

already invalidated cache yet it's still v1.12

Thanks.

Avatar

Level 2

In OOTB cq-quickstart-6.5.0.jar I'm still seeing 1.12.4-aem.  I've deleted the launchpad/felix/bundle288/data/outputcache directory but that did not change the jQuery version.  What version is shipped with 6.5?  How do we verify the version if it is showing 1.12.4-aem.