topic Re: jQuery plugins conflicting with dojo in ArcGIS JavaScript Maps SDK Questions

jQuery plugins conflicting with dojo

JulienSilva — Tue, 24 Sep 2013 11:56:32 GMT

I'm currently implementing ArcGIS maps within a website that uses jQuery quite a lot.

Now some plugins like hammer.js call dojo's define function because of their UMD wrappers. This cause multipleDefine errors in my console. Is there a way to circumvent this? Do I have to set all these plugins as package in the dojoConfig object?

Here the code in hammer.js

    if(typeof define == 'function' && typeof define.amd == 'object' && define.amd) {

        // define as an anonymous module
        define(['jquery'], function($) {
          extendJquery(Hammer, $);
        });

    } else {
        extendJquery(window.Hammer, window.jQuery || window.Zepto);
    }

Thanks for your help.

Re: jQuery plugins conflicting with dojo

JonathanUihlein — Wed, 25 Sep 2013 19:18:08 GMT

I *think* hammer.js uses the RequireJS module loader.

From:
http://requirejs.org/docs/dojo.html

As of Dojo 1.8, Dojo has converted their modules to AMD modules. However, Dojo uses some loader plugins, and the loader plugin APIs are still in draft mode for AMD. So while some modules from Dojo can be used with RequireJS, it will be difficult to use all of Dojo. It is best to use Dojo's AMD loader until ticket 15616 has been resolved.

I checked out ticket 15616 from the above quote and it seems there are some potential fixes or suggestions in the comments.

Hopefully this helps. I know it is doable with a little more searching. Good luck!

Re: jQuery plugins conflicting with dojo

JulienSilva — Mon, 30 Sep 2013 06:13:41 GMT

Hi Jon,

Sorry for my late reply. Thanks for your help. I will check out the ticket you've mentioned. I will post my solution here.

Re: jQuery plugins conflicting with dojo

ReneRubalcava — Mon, 30 Sep 2013 13:14:51 GMT

If you are using jQuery with Dojo, be sure to add this line before your first require statement.

define.amd.jQuery = true;

http://stackoverflow.com/a/12153995/241635
https://www.ibm.com/developerworks/mydeveloperworks/blogs/94e7fded-7162-445e-8ceb-97a2140866a9/entry/loading_jquery_with_dojo_1_7_amd_loader2?lang=en

The why
https://github.com/amdjs/amdjs-api/wiki/jQuery-and-AMD