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