/ / Veľkolepé vyskakovacie okno: otvorenie nového spôsobu dopravy z existujúceho spôsobu dopravy - jQuery, veľkolepé vyskakovacie okno

Veľké vyskakovacie okno: otvorte nový spôsob z existujúcich modal - jquery, magnific-popup

Snažím sa implementovať:

Mám prihlasovací formulár zobrazený ako modálne vyskakovacie okno (s Veľké vyskakovacie okno zapojiť). V tomto okne som vložil odkaz na otvorenie nového kontextového okna (registračný formulár). A problém je, že akonáhle užívateľ klikne na odkaz - existujúca vyskakovacia okná zatvorená, ale nová sa nezobrazí.

Kód pre otváranie vyskakovacích okien:

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

Akékoľvek návrhy prosím?

Vopred ďakujem

odpovede:

1 pre odpoveď č. 1

pridať event.stopPropagation() v obsluhe udalosti kliknutia. Kontextové okno sa domnieva, že prvok, na ktorý sa kliklo, je mimo hraníc, keď ho odstránite po kliknutí otvorením nového kontextového okna.

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


2 pre odpoveď č. 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");
}
}