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

Answer 1

I figured out that if you dont use "/" in backbone router it will do fine.

e.g.:

use

"category-:id": "category"

instead of this

"category/id/:id": "category"

I guess thats why they used same concept in the official tutorial :P http://jquerymobile.com/test/docs/pages/Backbone-Require/js/routers/mobileRouter.js

"category?:type": "category"

Answer 2

I had the same issue, and here is the solution to avoid using jquerymobile-router : Backbone.js and jQueryMobile routing without hack or other router

Answer 3

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