I would like to add some online pages to an application keep them up to date without releasing a new store version. For this I taught I could use jqm ajax navigation to load the external page. (I'm aware that might not be allowed for all platforms.)
I have set:
$.mobile.allowCrossDomainPages = true;
$.mobile.pushStateEnabled = false;
This seems to work but the problem is that all my href's
and $.mobile.ChangePages would have to be changed to
<a href='http://mydomain.com/mypage.html'>link</a>
$.mobile.changePage('http://mydomain.com/mypage.html');
in stead of
<a href='mypage.html'>link</a>
$.mobile.changePage('http://mydomain.com/mypage.html');
I was thinking about overriding the changepage method(found this somewhere) to add a domain when the user is online, but the problem is that this method get's called more then once.
var originalChangePage = $.mobile.changePage;
$.mobile.changePage = function(to, options) {
var o = JSON.stringify(o);
try {
to = to.replace('file:///android_asset/www/', 'http://mydomain.com/');
}
catch (err) {
//to isn't always filled in.
}
originalChangePage(to, options);
};
Is there a better way to load html pages locally
and online using jqm ajax navigation?
Extra info:
Phonegap/Cordova version 3.5.0
jqm 1.3.2
