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; } } }

ArcGIS javascript api with JQuery mobile : would like to add Header with Navbar and Panels and Panel beneath Header but to do this I have to run some Jquery Mobile script to adjust panel height & position - having trouble mising Requirejs with JqueryMoble

AnastasiaAourik

this CODE works fine on a page with just Jquery mobile but with my ARCGIS JAVASCRIPT API AND REQUIRE JS, I don't know where to put this function and how to mix Jquery mobile with require js HELP

</script>

how do I write this and where when I have requirejs

Sorry, I am a real NEWBY!

Encuentra más publicaciones etiquetadas con

Accepted answers

RobertScheitlin__GISP

Anastasia,

I think this is what you are looking for (comments on the changes in the code):

gacgeohub.zip

All comments

RobertScheitlin__GISP

Anastasia,

I think this is what you are looking for (comments on the changes in the code):

gacgeohub.zip

AnastasiaAourik

Thank you so much for providing me this solution!

What you taught me:

The ready () function is a pattern of requirejs and thus is called when all objects are created (that includes the pageone div so it made no sense to call that on(pageone, "pagecreate", PanelPlace);

In the jquery mobile sample I found , it did not use requirejs and thus no call to ready() function and thus their script had logic to trap the pagecreate of that div using $(document).on("pagecreate", "#index", function(e)...

Is this correct?

Now since my PanelPlacer is called in ready () function [ a pattern of requirejs ] then I am not in a pagecreate event of that particular div object so 'this' is not right to reference here. Just use the div id. great so far.

Now I am not 100% clear on the $("#myMapLayers").one("panelbeforeopen", function()

particularly the .one - what is the .one( method - guess I'll google that.

The calculation logic seems straightforward.

Many of us are now in the scramble to rewrite our Silverlight custom ArcGIS application to ArcGIS javascript - I decided to use ArcGIS js with jquery mobile just so I am mobile ready and device independent, even if right now, my main goal is to build our apps for standard laptop devices.

Once again, thank you very much for helping.

RobertScheitlin__GISP

Annastasia,

I am not a JQuery expert (I prefer to use pure Dojo as that is what the JS API uses) but in Dojo the ready means that all dom elements are created and ready. You may want to refrain from saying requirejs as that is actually a third party library. The require portion of dojo code is handled by the dojo AMD loader.

In the jquery mobile sample I found , it did not use requirejs and thus no call to ready() function and thus their script had logic to trap the pagecreate of that div using $(document).on("pagecreate", "#index", function(e)...
Is this correct?

Yes

from the JQuery docs:

.one()

Attach a handler to an event for the elements. The handler is executed at most once per element per event type.

Similar to dojos on.once

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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