Comment lier des Pages Internes en Jquery mobile?

Que faire si je veux relier deux pages internes sur le clic d'un bouton à l'aide de jquery ou javascript...
je peux le faire à l'aide de <a href=#nextPage"> en HTML, mais je veux un script pour le faire! ce que je fais maintenant:

<!-- first page-->
<div data-role="page" id="firstPage">
<div data-role="header"> 
<h1>Test page</h1>
</div>
<div data-role="content">
<p>this page will link internal pages using # </p>
<a href="#nextPage" data-role="button">change to next page</a>
</div>
</div>

<!-- second page-->
<div data-role="page" id="nextPage">
<div data-role="header"> 
<h1>Test page 2 </h1>
</div>
<div data-role="content">
<p>this page will  appear after you click the button on first page. </p>
</div>
</div>

c'est faire du bien, mais j'ai besoin d'un script pour le lien entre eux. comme dans mon application, j'ai besoin de changer de page cliquez sur le bouton seulement après que certaines conditions sont respectées. mais je ne sais pas comment le faire...

-----------Modifier------------
J'ai trouvé un moyen
de la fenêtre.emplacement.href="#nextPage"
c'est comment son fait.
Merci à tous pour vos efforts..

  • Vous pouvez ajouter onclick événement, ou encore mieux (?), vous pouvez joindre le .click événement.
  • je le fais dans mon application réelle. mais comment faire pour changer la page????
  • Utilisation $.mobile.changePage - voir ma réponse.
InformationsquelleAutor priyankirk | 2012-07-23
  1. 3

    Vous pouvez ajouter onclick gestionnaire à l' a tag:

    JS

    function navigate() {
    if (condition) {
        $.mobile.changePage("#nextPage");
    }
}

    HTML

    <a href="#" onclick="navigate()" data-role="button">change to next page</a>

    OU vous pouvez faire ceci:

    JS

    $(document).ready(function() {
    $(".nav-nextPage").click(function() {
        if (condition) {
            $.mobile.changePage("#nextPage");
        }
    });
});

    HTML

    <a href="#" class="nav-nextPage" data-role="button">change to next page</a>
    • $.mobile.changePage("#nextPage"); ne fonctionne Pas! rien ne se passe!
    • Si vous êtes y compris jQuery Mobile, il devrait fonctionner. J'ai testé avec de la console, et je travaille sur un code similaire à l'instant.
    • Bien idk, dans le simulateur, il n'est pas un travail, mais dans le navigateur, il est!! de toute façon j'ai trouvé un autre moyen de sortir de la fenêtre.emplacement.href="#nextPage";
    InformationsquelleAutor nhahtdh
  2. 1

    jQuery Mobile, Anatomie d'une Page

    Faites défiler vers le bas pour Local, interne lié "pages"

    • C'est ce que je suis exactement en train de faire.! j'ai besoin d'un script... quelque chose comme la fenêtre.l'emplacement et d'autres trucs..
    InformationsquelleAutor pat34515