Comment ouvrir une boîte de dialogue jQuery Mobile à partir de javascript ?

Question

J'ai une page de dialogue et j'essaie de l'ouvrir et d'afficher les résultats d'un POST AJAX.

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

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

Mon HTML a deux pages, la deuxième étant le html de dialogue :

<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 POST AJAX fonctionne et l'élément id="text" est mis à jour avec "SPAM et EGGS !", mais le dialogue ne s'affiche pas.

Answer 1

Je pense que celui-ci 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>

Answer 2

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

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

Answer 3

Cette réponse fonctionne également :

    $.mobile.changePage('#myPage', {transition: 'pop', role: 'dialog'});

Answer 4

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

$("#dialog").popup('open');

Answer 5

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

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