jQuery Mobile - Comment lier une page html qui contient de l'ajax dans une autre page html

Question

J'ai une application développée en utilisant phoneGap et jQuery Mobile. Sur la première page, il y a une barre de navigation sur laquelle l'utilisateur clique pour naviguer vers une page qui a également quelques appels ajax pour obtenir des flux JSON à partir d'un serveur. Je fais ce qui suit,

<ul> 
    <li><a href="sites.html" data-icon="home" class="ui-btn-active">My</a></li> 
    <li><a href="profile.html" data-icon="gear">Recent</a></li> 
</ul> 

Mais la page ne se charge pas. Mais si j'ouvre la page directement cela fonctionne bien. Mes appels ajax sont dans l'événement document.ready().

Que puis-je faire pour cela?

Answer 1

Je ne suis pas familier avec l'espace téléphonique, mais jQuery Mobile va automatiquement transformer les liaisons internes en appels ajax. Vous ne devriez rien avoir à faire avec votre document.ready().

jQuery Mobile Documentation - Page Links

---

Dans jQuery Mobile, les document.ready() ne se déclenche que lorsque le chargement de la page de départ. De plus, étant donné que jQuery Mobile n'insère le contenu que lorsqu'il charge une nouvelle page, rien dans l'en-tête n'est exécuté. Afin de simuler l'effet de document.ready() sur d'autres pages, procédez comme suit:

$('#aboutPage').live('pagecreate',function(event){ 
alert('This page was just enhanced by jQuery Mobile!'); 
// Insert the calls that were in the document.ready() here. 
}); 

jQuery Mobile Documentation - Page Scrpting