/ / Magnific Popup: ouvre un nouveau modal à partir d'un modal existant - jquery, magnific-popup

Magnific Popup: ouvre un nouveau modal à partir d'un modal existant - jquery, magnific-popup

J'essaye de mettre en application ce qui suit:

J'ai le formulaire de connexion affiché comme une fenêtre popup modale (avec Popup Magnific brancher). Dans cette fenêtre, j'ai mis un lien pour ouvrir une nouvelle fenêtre contextuelle (formulaire d'inscription). Et le problème est que dès que l'utilisateur clique sur ce lien, la fenêtre contextuelle existante se ferme mais aucune nouvelle n'apparaît.

Le code pour ouvrir une popup:

  $.magnificPopup.open({
items: {
src: name
},
type: "inline",
closeMarkup: "<button title="%title%" class="mfp-close">&times;</button>",
preloader: false,
fixedContentPos: true,
fixedBgPos: true,
overflowY: "auto"
});

Des suggestions s'il vous plaît?

Merci d'avance

Réponses:

1 pour la réponse № 1

Ajouter event.stopPropagation() dans le gestionnaire d'événements de clic. Popup pense que l'élément cliqué est en dehors des limites, car vous le supprimez après le clic en ouvrant une nouvelle fenêtre contextuelle.

http://jsfiddle.net/DmitrySemenov/w4koj941/10/


2 pour la réponse № 2
callbacks: {
open: function() {
$(".new-ajax-popup-link").on("click", function(e) {
e.preventDefault();
// close current popup
$.magnificPopup.close();
return false;
});
},
afterClose: function() {
// new popup instance
var newAjaxPopupLink = $(".new-ajax-popup-link").magnificPopup({
type: "ajax"
});
// open it
$(".new-ajax-popup-link").magnificPopup("open");
}
}