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">×</button>",
preloader: false,
fixedContentPos: true,
fixedBgPos: true,
overflowY: "auto"
});
Akékoľvek návrhy prosím?
Vopred ďakujem
odpovede:
1 pre odpoveď č. 1pridať 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");
}
}