Dose AEM support JQuery animate function?

Question

Hi there,Please see the snippet code below:function runProgress(id, percentage, speed, isSwitched) { $("#uploadedFileNo").show(); var wii = parseInt(percentage) / 100 * progressBarWidth; if(speed == "normal") { $("#ProgressBar" + id).animate({width : wii}, "normal", function() { var displayData = percentage + "%"; alert("displayData: " + displayData);/////// $("#bp"+ id).find(".icons").text(displayData); if (percentage == 100 && isSwitched) { queryFileProfile(id); uploadedFileNo++; $("#uploadedFileNo").html("- Uploaded: " + uploadedFileNo); } }); } else { $("#ProgressBar" + id).animate({width : wii}, 10, function() { var displayData = percentage + "%"; $("#bp"+ id).find(".icons").text(displayData); if (percentage == 100) { queryFileProfile(id); uploadedFileNo++; $("#uploadedFileNo").html("- Uploaded: " + uploadedFileNo); } }); } }As a result i notice that animate not work at all. I suspect CQ5 if support that?Anyone could comment on it? Thanks a lot in advance. Best regards,Brian

Mshaji · Accepted Answer

Yes, jquery works with CQ5. It is a javascript framework, fully supported by CQ5. You have have to include clientlibs (javascript ) files in your component.

OOTB has jquery files, you need to add dependencies in order for it to work.

Here is an article on how you can integrate jquery with your application

http://helpx.adobe.com/experience-manager/using/integrating-jquery-framework-cq.html

Please check whether you are following all the instructions defined in this article.

Anonymous · Answer

Hi Mshajiahmed,Thanks for your reply. I check and see that article you comment. Certainly, i made sure the necessary JQuery lib was added into clientlibs before i post this question. But, just only that functionanimate() always not work rather than jquery, i think it is a little weird.

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded