jquery-mobile backbone.js routing

Question

I have a backbone.js / jquery mobile app:

when i make a GET to mydomain.com/#map, then jquery executes "/" and then loads #map.

because "/" is triggered first, all backbone.js scripts are loaded including the backbone.js routes in my map-controller.js ("map": "functionForMapRoute"). since the URL contains /#map, the backbone.js route "map" gets triggered before jquery mobile has rendered the dom.

so "functionForMapRoute" can′t operate on divs cause the DOM isn′t fully loaded at this point.

how can i ensure, that the "map" route is triggered not until the DOM is fully loaded?

Answer 1

use something more integrated with jquery mobile, for instance jquerymobile-router (you can find it on github). It replaces backbone's router and it's to be used with jquery mobile and backbone.js or spine.js