Popup imbriquées

Bonjour je démarre un QCM via un popup avec le lien ci-dessous :

Code:

---

<a href="#popupDialog1" data-rel="popup" data-position-to="window" data-transition="pop" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-icon-left ui-btn-b">Démarrer le Q.C.M </a>

---

On commence donc par la question 1, dans le footer du popup j'ai mis le lien ci-dessous de la question 2 :

Code:

---

<a href="#popupDialog2" data-rel="popup" data-position-to="window" data-transition="flip" class="ui-btn-right ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-icon-right ui-icon-carat-r ui-btn-icon-notext">Suivant</a>

---

Donc je lance le QCM, j'arrive sur le popup 1 puis lorsque j'appuis sur le lien "Suivant" rien ne se passe, le popup de la question 1 reste en place. Comment faire pour fermer le popup 1 et basculer sur le popup 2 ? merci d'avance

tu peux supprimer le 1er pop-up avec .remove(), non?

Le popup disparait mais la fenetre reste bloquée en modale.

Ce code non plus ne marche pas :

Code:

---

1 2 3 4 5

$(document).on('click', '#boutonfermer', function(){ //$("#popupDialog1").remove(); $("#popupDialog1").popup("close"); $("#popupDialog2").popup("open"); });

---

Code:

---

<button id="boutonfermer" class="ui-btn-right ui-btn ui-btn-inline ui-mini ui-corner-all ui-btn-icon-right ui-icon-carat-r ui-btn-icon-notext">Suivant</button>

---

ce serai sympa si tu nous montre le code complet que tu as fait...

Ici j'ai un code qui marche http://jsfiddle.net/B6TgZ/134/

J'ai copié coller le code dans une nouvelle page de mon site, le code ne marche pas
il m'affiche cela en plus :

Code:

---

test.html#&ui-state=dialog

---

Et le popup ne se ferme pas. J'ai mis

Code:

---

data-history="false"

---

comme suggère des sites mais toujours rien. Par contre ui-state=dialog disparait mais le popup ne se ferme toujours pas.

J'ai testé l'exemple et j'été obliger de modifier la version de jQuery et jQuery mobile, tu n'as pas des erreurs dans l'onglet console du navigateur?

Merci c'est ça. jquery-3.2.1.min.js fait bugger l'ensemble, jquery.mobile-1.4.5.min.js suffit.