Chargement de pages séparées avec animation dans JQTouch

Question

J'essaie de convertir un site Web d'étude à choix multiple à base de données (écrit en JSP) en base de données dans une application iPhone en utilisant JQTouch.

Si je charge tous les Q & Comme dans leurs propres divs dans le même fichier, je peux facilement relier et animer entre eux en utilisant des liens vers des hashtags, comme: a class = « button » href = « # Question 22 »

Malheureusement, ce n'est pas pratique. La logique du site Web tel qu'il fonctionne actuellement nécessite des appels à un certain nombre de pages générées dynamiquement; Je ne peux pas inclure chaque question dans sa propre div dans le même fichier plat.

Comment est-ce que j'irais dynamiquement (pré) en chargeant la question suivante (une page de JSP comme AskQuestion.jsp? QuestionId = Kzhctand) en servant ensuite cela dans l'application après que l'utilisateur appuie sur un bouton?

Merci pour toute aide que vous pourriez offrir.

-Donovan

Answer 1

je fais quelque chose de semblable à cela pour mon système de linker. J'ai un div pour le "front" et le "back" de la carte actuelle, quand l'utilisateur donne sa réponse il charge la prochaine carte via la magie d'ajax, json, et php.

Voici la section pertinente de la page de réponse.

<h2>Answer:</h2> 
<div class="qna"> 
    <p id="question2" class="qna">SomethingsNotWorking.</p> 
    <p id="answer2" class="qna">SomethingsNotWorking.</p> 
</div> 
<h2>Did you know it?</h2> 
<a >Submit</a> 
<BR><a href="#" onClick="javascript:sendCardInfo('Yes')" name="knewIt">Yes</a> 
<BR><a href="#" onClick="javascript:sendCardInfo('No')" name="knewIt">No</a> 

C'est la fonction qui gère la réponse des utilisateurs en envoyant une requête ajax. Sur le backend, j'ai une page PHP appelée ajax.php qui génère la prochaine carte en JSON.