nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Trying to use the Dojo/domReady! function

JimLongwill

Hello,

This is in regards to using the modern Dojo/domReady! function for initializing a script & map.

I was using the code:   dojo.addOnLoad(init);   to load the page and map; however, when replacing that with the newer:

require(["dojo/domReady!"], function(init){});   it does not appear to work.

I also tried variations including:   require(["dojo/domReady!"]);   ... and putting it in different places in the code; but to no avail.

Do you have some examples on how to use this new Dojo syntax?   Any suggestions on how to use it? I can provide the code if desired.

Many thanks!

Trouver plus de publications taguées avec

Accepted answers

JimLongwill

I'm just starting out on all this, and I haven't figured out the syntax on the 'require' and context, etc.

Thanks for the example.

All comments

JimLongwill

I'm just starting out on all this, and I haven't figured out the syntax on the 'require' and context, etc.

Thanks for the example.

derekswingley1

What are you expecting to happen with this code:

require(["dojo/domReady!"], function(init){});

That will not behave the same say way as:

dojo.addOnLoad(init);

If you want to execute a function named init after the DOM is ready, use:

require(["dojo/domReady!"], init);

Here's a working example that creates a map: http://jsfiddle.net/RyVE3/

JimLongwill

Thanks odoe,

I will use dojo/Ready as that *is* working at this point. I've been seeking as much as possible to make my code V1.8 compliant; however, I can see that it will take some more experimenting to get Domo/domReady! to work.   I am loading other modules including..
      dojo.require("dijit.dijit"); // optimize: load dijit layer
      dojo.require("dijit.layout.BorderContainer");
      dojo.require("dijit.layout.ContentPane");
      dojo.require("esri.map");
      dojo.require("dijit.layout.TabContainer");
      dojo.require("esri.dijit.Legend");
.

RRubalcava

dojo/domReady! only waits for the dom to load before returning. This is fine in most situations, but if you have dijits and other items that need to be loaded, it doesn't care if your dependencies are ready. If that is an issue, try using dojo/ready to wait for other dependencies to load.

dojo/domReady
http://dojotoolkit.org/reference-guide/1.8/dojo/domReady.html

dojo/ready
http://dojotoolkit.org/reference-guide/1.8/dojo/ready.html

So with a brief, but clear explanation
http://stackoverflow.com/a/13144258

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.