Search code examples
javascriptjquery-mobilehtml5-appcache

jQuery Mobile Force Reloading Page 'Error Loading Page'

I am using jquery for a small webapp and I've built in the option for the app to be available offline - to do so I force reload a page and if it has the correct parameters it uses a simple PHP $_GET to add the manifest line into the html tag, which then triggers the app cache.

I have tried:

$.mobile.changePage

But it fails to trigger the appcache properly. The only way I've been able to do it is to use:

window.location.href = window.location.href + "?appcache=true"

This works! However I get an 'Error Loading Page' for a split second before the page reloads.

Is there a way of either disabling this message or a different way of achieving the same outcome without the message?

Thank you.

Solution

  • I managed to solve the issue by disabling ajax before jQuery mobile has loaded. As in this answer: How To Disable Ajax In jQuery Mobile Before Page Load?

    So BEFORE jQuery mobile is called:

    <script type="text/javascript" src="jquery"></script>
<script type="text/javascript">
$(document).bind("mobileinit", function () {
    $.mobile.ajaxEnabled = false;
});
</script>
<script type="text/javascript" src="jquerymobile"></script>

    This allows me to link to another page running the appcache (and with ajax enabled).

    Thanks for your help.