Question

I am using jqMobi ( NOT jQuery Mobile ) and I would like to be able to dynamically load a panel with some remote html page and then navigate to it. I have read the documentation that shows how to add a new panel with html in it, but what I’d like to do is something like this:

$.ui.addContentDiv("newDiv","somePage.html","Some Title");

I know that I could do something like this:

$.get("somePage.html",function(data){
    $.ui.addContentDiv("newDiv",data,"Some Title");
    $.ui.loadContent("newDiv", false, false, "up");
});

But I’m wondering if there is something better out there. Also, the above method does nothing if there is a failure, so any suggestions that you may have about that would be appreciated. As far as I can tell, there is no failure callback for the get method

Answer 1

There is an easier way – just link to the HTML page and it handles the xhr request for you. data-persist-ajax caches it in the dom, so future request do not load it.

<a href="somePage.html" data-persist-ajax="true">My Page</a>