Jqm-$.mobile.pagecontainer Not Working On Internal Pages But Working On External Pages

I am working on jquery mobile page navigation and facing with strange behaviour of JQM functions.I have two files main.html,home.html1.Main.html

Solution 1:

When using Single Page Model, you need to understand that jQuery Mobile loads ONLY first data-role=page in each file.html. It neglects everything else outside that div.

If you want to mix between Single Page and Multi-Page Models, you need to navigate to other pages that contain multi-pages without Ajax.

For example, navigating from main.html to home.html with Ajax enabled, jQM will load page1 div only. If you want to load all pages within home.html, you have to disable ajax this way.

<ahref="home.html"rel="external">Home</a>

Note that you will lose transition effect when Ajax is disabled.