jQuery mobile precaricamento di una pagina che carica contenuto tramite Ajax

Question

Sto utilizzando jQuery mobile in modello di pagina singola (Ogni pagina è un file html separato). Voglio precaricare una pagina che carica il contenuto tramite Ajax. Ho messo il codice prefetch nella funzione document.ready() nella prima pagina

$.mobile.loadPage("my-projects.html", { showLoadMsg: false }); 

chiamata AJAX all'interno della funzione document.ready() della seconda pagina, che voglio precaricare. Questa chiamata ajax non sta accadendo quando preimpegniamo quella pagina. C'è un modo per raggiungere questo obiettivo. Si prega di aiutare

Answer 1

jQuery Mobile ha prefetching integrato, tutto quello che dovete fare è aggiungere l'attributo data-prefetch ad un link che si collega a una pagina remota:

<a href="prefetchThisPage.html" data-prefetch> ... </a> 

Fonte: http://jquerymobile.com/demos/1.1.0/docs/pages/page-cache.html

In senso generale, quando si esegue il pull-in di una pagina tramite AJAX, la funzione document.readynon attiva. È tuttavia possibile utilizzare eventi della pagina mobile jQuery come pageinit. Ad esempio:

$(document).delegate('#my-page-id', 'pageinit', function() { 
    $.mobile.loadPage("my-projects.html", { showLoadMsg: false }); 
});