Adobe Community: Message List - Problem with jQuery and CEP 5 - "$" getting overrided

Re: Problem with jQuery and CEP 5 - "$" getting overrided

forums_noreply@adobe.com — Tue, 28 Oct 2014 18:14:00 GMT

Is there an official fix to this? It kinda sucks for new people just starting out when there's all these jQuery examples that don't work

I just tried adding the CEFCommandline tag to my manifest, didn't do anything. Is there a tag it needs to go inside of?

Re: Problem with jQuery and CEP 5 - "$" getting overrided

forums_noreply@adobe.com — Thu, 21 Aug 2014 10:46:20 GMT

Strangely I had the same issue with conflict, for some odd reason using jquery-2.0.3 was fine for me but not jquery-2.1.1. Any ideas?

Re: Problem with jQuery and CEP 5 - "$" getting overrided

forums_noreply@adobe.com — Fri, 11 Jul 2014 13:17:29 GMT

The fairly clean solution I arrived at was to build my own jQuery according to the instructions at jquery/jquery · GitHub, with 'exports/global' disabled (i.e. with 'grunt custom:-exports/global'), and load it from the html file like this:

and then have my main script look like this:

(function ($) {

// my codehere

}(jquery));

Re: Problem with jQuery and CEP 5 - "$" getting overrided

forums_noreply@adobe.com — Mon, 30 Jun 2014 14:29:40 GMT

One workaround is also to use require function to include jquery. Instead of

use

window.jQuery = require('../lib/3rd/jquery-1.10.2.js');

</script>

It does not create window.$, but at least it creates the window.jQuery.

Re: Re: Re: Problem with jQuery and CEP 5 - "$" getting overrided

forums_noreply@adobe.com — Tue, 24 Jun 2014 08:30:32 GMT

Hi,

The next release will support a parameter in the Manifest that disables Node.js entirely.

Like this:

<CEFCommandLine>
    <Parameter>--nodejs-disabled</Parameter>
</CEFCommandLine>

Re: Re: Problem with jQuery and CEP 5 - "$" getting overrided

forums_noreply@adobe.com — Tue, 24 Jun 2014 05:17:56 GMT

That fix does not work for me.

The only thing that works (without hacking jQuery itself, which I do not want to do) is using a wrapper HTML page and loading the whole extension HTML into an iFrame with the nodejs-disabled="true" attribute set.

Node.js should be an opt-in feature if it clobbers things in the global namespace that cause vital libraries like jQuery to fail. Either that, or Adobe needs to fix things so that jQuery and node can coexist successfully without colossal hacks.

The node.js functionality is great but not if it breaks existing stuff.

Re: Problem with jQuery and CEP 5 - "$" getting overrided

forums_noreply@adobe.com — Mon, 23 Jun 2014 11:48:47 GMT

Here's more detail: Extending Adobe CC 2014 apps — Medium

Re: Problem with jQuery and CEP 5 - "$" getting overrided

forums_noreply@adobe.com — Fri, 20 Jun 2014 14:42:33 GMT

Hi,

This is because CEP 5's Node integration is overriding some JQuery variables.

This is the way to fix it:

Add the script below inside script tag to define window.module as undefined.

<script type="text/javascript">window.module = undefined</script>

Re: Re: Problem with jQuery and CEP 5 - "$" getting overrided

forums_noreply@adobe.com — Fri, 20 Jun 2014 04:14:19 GMT

I found a workaround! The problem seems to be that there's an immutable window property $ being set by Adobe. When jQuery tries to set $, it has big issues. I was able to modify jQuery to get it to work by removing the use of $ all together.

In jQuery 2.1.1, check out the uncompressed file. Remove lines 9159-9183 (this does the $ assignment) and simply replace with:

window.jQuery = jQuery;

In order to use jQuery, you can no longer use the $ unless you use it as a locally-scoped variable. I would suggest something like this:

(function($){

// $ is safe to use here

$('a').click(); // no problems

}(jQuery));

Re: Problem with jQuery and CEP 5 - "$" getting overrided

forums_noreply@adobe.com — Fri, 20 Jun 2014 03:27:25 GMT

I'm seeing the same issue here, I'm unable to load jQuery into my project. Any luck?

Trying to reference window.jQuery doesn't work either. $ is already set and doesn't seem to be able to overwrite-able.

Problem with jQuery and CEP 5 - "$" getting overrided

forums_noreply@adobe.com — Thu, 19 Jun 2014 14:52:16 GMT

Updated the Illustrator from 17.x to 18.0. The extension started throwing error after the CSXS runtime is switched to 5.0 and with 5.0 recent CSInterface.js file.

It says ReferenceError: $ is not defined. This was working fine with CSXS runtime 4.0.

Here is the script in my index.html

Any idea on how to solve this problem to get my extension up and running in 5.0