comment afficher un dialogue dans jQuery Mobile

J'ai une barre d'outils en jquery mobile, composé d'un tas de liens, qui charge "pop" des boîtes de dialogue modales sur le dessus de mon javascript de l'application.

Comme ceci:

  • Info

Où la div avec id="sujet" a data-role="page". Je voudrais ouvrir la boîte de dialogue même du code, peut-être dans le cadre d'un gestionnaire de bouton, mais je ne peux pas trouver un moyen de le faire.

Ce code ne fonctionne pas. Il ne montre que les éléments de la page "à propos" de manière transparente ontop de mon currect page (sans style). Comment puis-je faire cela?

$("#buttAbout").click(function () {
    $('#about').show();
    return false;
});

source d'informationauteur Gerry

  1. 22

    Il ressemble à jQuery mobile, les dialogues sont assez différents de jQuery UI. Cela devrait faire ce que vous voulez:

    $.mobile.changePage('#about','pop',false,true)

    La documentation pour changePage est ici. Fondamentalement, le premier argument est la chaîne à trouver la page que vous voulez (peut être un id d'élément, objet jQuery, ou une URL de la page), le deuxième argument est la page de transition, la troisième est la direction de la transition (false pour les attaquants, pour l'arrière), et le dernier argument est de savoir si vous voulez que l'URL de la page de mise à jour après la transition. Je pense que vous aurez également besoin de s'assurer que le data-role attribut est correctement mise en place de dialog sur la div pour votre boîte de dialogue, afin de s'assurer de la bonne histoire/style de comportement.