/ / Magnific Popup: abre um novo modal a partir do modal existente - jquery, magnific-popup

Magnific Popup: abre um novo modal a partir do modal existente - jquery, magnific-popup

Eu estou tentando implementar o seguinte:

Tenho o formulário de login exibido como uma janela pop-up modal (com Popup Magnífico plugar). Dentro desta janela, coloquei um link para abrir um novo pop-up (formulário de inscrição). E o problema é que, assim que o usuário clica no link - o pop-up existente é fechado, mas o novo não aparece.

O código para o pop-up operacional:

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

Alguma sugestão por favor?

Agradeço antecipadamente

Respostas:

1 para resposta № 1

Adicionar event.stopPropagation() no manipulador de eventos de clique. O pop-up considera que o elemento clicado está fora dos limites, à medida que você o remove após clicar, abrindo um novo pop-up.

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


2 para resposta № 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");
}
}