How to resolve jQuery library conflicts? | AEM 6

Search
Experience Manager User Guide

On this page

Applies to: Experience Manager

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

This article discusses steps to resolve jQuery library conflicts in AEM 6 by using jQuery's noConflict feature.

Environment

AEM 6

Steps

You can enable jQuery.noConflict through the client library dependencies property, with AEM. This is a solution for serving your own version of jQuery along with the one that ships with AEM.

To enable jQuery.noConflict through the client library dependencies property, follow these steps:

  1. Log in to CRX/DE Lite as administrator (http://localhost:4502/crx/de/index.jsp).

  2. Go to /etc/clientlibs/foundation/jquery.

  3. Add the value granite.jquery.noconflict after granite.jquery in the dependencies property.

  4. Click Save All, to save the changes.

AEM no longer uses jQuery or $ JavaScript objects and only uses $CQ.

Additional Information

  1. https://api.jquery.com/jquery.noconflict
  2. http://aempodcast.com/2016/front-end-engineering/using-client-libraries-avoiding-jquery-headaches/#.WnuIVqinFhF,