The listview that I have on a multi-page templated page (Services.html) isn't working when it is loaded.
Here's the scenario:
First page loads (index.html) on that page is a listview containing a link to Services.html. Services.html loads when tapped. On Services.html is a multi-page template. The initial page that loads on Services.html has a listview on it that links to the other pages within Services.html. This listview to other pages does not work for some reason?
@watusiware: Okay. And would that go with mixing Multi-pages with other multi-pages? In all actuality, index.html is also a multi-page. My thought was to use the multi-pages templates as sort of a form of grouping different areas of the app together. Services multi-page has all services related pages and Contact multi-page and all the various contact location pages in it, and so on. This is not advised?
Lastly, if I go all single page templates, does organizing the pages in their respective directories cause any issues? Or do I need to have a single root directory with a flat taxonomy?
...still learning the most efficient ways of approaching this new-to-me framework...
Mixing multi-page with other multi-pages is not advised. The only way this would work is if you used data-rel="external" to link to the other multi-page document which removes one of the core features of JQuery Mobile.
To be honest a multi-page documents should only be used if it's a small app that will have minimal changes. I'm not sure why JQuery Mobile documentation doesn't stress this further.
As for single page templates organizing pages in directories should not cause any issues as far as I know. Keep in mind the <head> only gets loaded from the page you enter - so keep JS in external files and load it on every page in case the user bookmarks or enters from a page within.