如何在AEM

Question

如何在加载DOM后运行属于外部插件的java脚本函数 adobe体验经理？ 目前它在控制台中运行，但不在本地文件上运行。

Answer 1

请查看此Adobe Helpx文章： - https://helpx.adobe.com/experience-manager/using/custom-carousel-components.html

//为Adobe Experience Manager创建自定义轮播组件   它涵盖了如何在AEM组件中使用第三方Javascript / JQuery插件。

[来自文章]将JQuery Carousel API添加到CQ：ClientLibraryFolder节点

将CSS文件和JQuery框架文件添加到cq：ClientLibraryFolder节点以定义客户端JSP的样式。添加的JQuery框架文件名为jquery-1.6.3.min.js。

除了JQuery框架文件之外，还要添加JQuery Carousel API库。此库使您可以创建CQ小部件，从CQ DAM检索图像并在轮播中显示图像。

您可以从以下网址下载Carousel API库：

http://www.catchmyfame.com/2009/08/27/jquery-infinite-carousel-plugin-1-2-released/

您需要从下载的文件中检索以下JS文件：jquery.infinitecarousel.js。要将CSS文件和JQuery框架文件添加到组件，请将cq：ClientLibraryFolder节点添加到组件中。创建节点后，设置允许JSP脚本查找CSS文件和JQuery库文件的属性。

要添加JQuery框架，请将名为clientlibs的新节点添加到组件中（稍后讨论）。将这两个属性添加到此节点。

名称类型值 dependencies String [] cq.jquery
categories String [] jquerysamples
dependencies属性通知CQ在页面中包含CSS文件和JQuery库。 categories属性通知CQ必须包含哪些clientlib。

创建Clientlibs文件夹后，添加stlye.css文件，JQuery库文件和两个地图文本文件。

文字文件 您必须将文本文件添加到映射到JS文件的clientlibs文件夹中。文本文件的名称是：js.txt。 js.txt文件包含JS文件名：jquery-1.6.3.min.js和jquery.infinitecarousel.js。

将文件添加到ClientLibs文件夹 右键单击/ apps / carousel / components，然后选择New，Node。 确保节点类型为cq：ClientLibraryFolder并将节点命名为clientlibs。 右键单击clientlibs并选择Properties。将上一个表中指定的两个属性添加到节点。 在您的文件系统上，导航到JQuery JS文件所在的文件夹。使用CRXDE将JS文件拖放到clientlibs节点。 在文件系统上，导航放置CSS文件的位置。使用CRXDE将CSS文件拖放到clientlibs文件夹。 将TXT文件添加到名为js.txt的clientlibs文件夹中。添加本节中指定的内容。

更多参考链接包括： -

链接： - http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.topic.html/forum__3vab-is_there_anytoolre.html

链接： - http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.topic.html/forum__rwhk-i_have_a_requirement.html

链接： - http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.topic.html/forum__6l3s-i_would_liketocrea.html

我希望这会对你有所帮助。

谢谢和问候 Kautuk Sahni