/ / Magnific Popup: Öffnet ein neues Modal aus vorhandenen Modal - Jquery, Magnific-Popup

Magnific Popup: Eröffne neues Modal aus existierendem Modal - jquery, magnific-popup

Ich versuche folgendes zu implementieren:

Ich habe ein Anmeldeformular als modales Popup-Fenster (mit Magnific Popup Plugin). In diesem Fenster habe ich einen Link eingefügt, um ein neues Popup (Anmeldeformular) zu öffnen. Und das Problem ist, dass, sobald der Benutzer auf diesen Link klickt, das bestehende Popup geschlossen, aber kein neues angezeigt wird.

Der Code zum Einblenden von 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"
});

Irgendwelche Vorschläge bitte?

Vielen Dank im Voraus

Antworten:

1 für die Antwort № 1

Hinzufügen event.stopPropagation() in click Ereignisbehandlungsroutine. Popup glaubt, dass ein angeklicktes Element außerhalb der Grenzen liegt, wenn Sie es nach dem Klicken entfernen, indem Sie ein neues Popup öffnen.

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


2 für die Antwort № 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");
}
}