/ / Magnific Popup: otwórz nowy modal z istniejącego modalu - jquery, magnific-popup

Magnific Popup: otwórz nowy modal z istniejącego modalu - jquery, magnific-popup

Próbuję zaimplementować następujące:

Mam formularz logowania wyświetlany jako modalne okienko wyskakujące (z Magnific Popup podłącz). W tym oknie umieściłem link, aby otworzyć nowe wyskakujące okienko (formularz rejestracyjny). Problem polega na tym, że gdy tylko użytkownik kliknie ten link - istniejące okno podręczne zostało zamknięte, ale nowe się nie pojawia.

Kod otwierania wyskakującego okienka:

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

Wszelkie sugestie proszę?

Z góry dziękuję

Odpowiedzi:

1 dla odpowiedzi № 1

Dodaj event.stopPropagation() w module obsługi zdarzeń kliknięcia. Wyskakujące okienko uważa, że ​​kliknięty element jest poza granicami, ponieważ usuwasz go po kliknięciu, otwierając nowe wyskakujące okienko.

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


2 dla odpowiedzi nr 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");
}
}