Comment ouvrir un jQuery Mobile Dialogue à partir de javascript?

J'ai une page de dialogue et suis en train de l'ouvrir et d'afficher les résultats d'une requête AJAX POST.

Voici mon jQuery succès de l'événement:

success: function(resp) {                               
  $("#dialog").dialog();
  $("#text").html('SPAM and EGGS!')
}

Mon HTML a deux pages, la seconde étant la boîte de dialogue format html:

<div data-role="page" id="main">
  # content 
</div>
<div data-role="page" id="dialog">
  <div data-role="header">
    <h1>Your Message</h1>
  </div>    
  <div data-role="content" id="text">
  </div>    
</div>

Mon AJAX POST est de travail et l'élément id="texte" est en train d'être mis à jour avec "le SPAM et les ŒUFS!", mais le dialogue n'est pas à éclater.

InformationsquelleAutor Will Curran | 2011-06-03
  1. 54

    Ajouter <a> balise n'importe où dans votre page, il suffit de mettre votre boîte de dialogue id href comme indiqué ci-dessous:
    <a id='lnkDialog' href="#dialog" data- data-transition="pop" style='display:none;'></a>

    Et remplacer $("#dialog").dialog(); à l'intérieur de votre succès de l'événement avec
    $("#lnkDialog").click();

    • Salut CodeF0rmer, voulez-vous me dire où le contenu est placé alors? Est-il $("#lnkDialog").html( someContent )? Merci d'avance et bon codage à vous aussi 🙂
    • Pas de. #lnkDialog est juste un espace réservé pour être utilisé pour ouvrir une boîte de dialogue. Votre contenu sera en #dialog dans ce cas.
    InformationsquelleAutor codef0rmer
  2. 67

    Je pense que c'est beaucoup plus élégant:

    $.mobile.changePage('#dialog', 'pop', true, true);

    vous devriez avoir dans votre html data-role="dialog" au lieu de page

    <div data-role="dialog" id="dialog">...</div>
    • certainement une solution plus élégante. juste essayé et il fonctionne.
    • pas de travail pour moi. JQM fait des choses étranges avec pageChange que tuer le 'x' de la fonctionnalité. La solution retenue fonctionne réellement (juste masquer le lien quelque part)
    • De bonnes choses, merci. Aussi cela fonctionne tant que votre boîte de dialogue des données correctes rôle comme vous l'avez suggéré. Sympa de suivre à travers. $.mobile.naviguer("#dialog");
    InformationsquelleAutor Tombart
  3. 49

    Cette réponse aussi des oeuvres

        $.mobile.changePage('#myPage', {transition: 'pop', role: 'dialog'});
    • Wow cela fonctionne! Bien mieux que les approches mentionnées ci-dessus!
    • grand, les documents officiels ne disent pas à ce sujet :S
    InformationsquelleAutor Joseph Anderson
  4. 20

    si il n'est pas important d'utiliser "dialogue" ou "popup", essayez ceci:

    $("#dialog").popup('open');
    • $("#dialog").popup(); ou $("#dialog").popup('open'); de travail pour moi.
    • Génial qui a fonctionné pour moi. A été également essayer de faire ça pendant une heure!
    • C'est la vraie solution à base de JQM Docs!
    InformationsquelleAutor Ahmet Mehmet
  5. 5

    manière correcte avec la dernière version requête

    $.mobile.changePage("#dialog", { transition: "pop",role: "dialog" })
    InformationsquelleAutor Grumpy
  6. 1

    De JQM 1.4 le changePage a été abandonné, et sera supprimée dans la version 1.5
    (http://api.jquerymobile.com/jQuery.mobile.changePage/)

    Ils suggèrent que l'on devrait utiliser le change() méthode de pagecontainer à la place.

    $.mobile.pageContainer.pagecontainer("change", "#dialog", { transition: 'pop', role: "dialog" });
    InformationsquelleAutor brixenDK