/ / Se não funciona dentro de um modal - jquery, magnific-popup

Se não funcionar dentro de um modal - jquery, magnific-popup

Ele funciona bem se o HTML estiver dentro do DOM. Mas eu tenho um modal AJAX (magnific Popup) e lá o script não funciona.

A classe "no-touch" não será removida, alguma idéia do que eu tenho que mudar que funciona dentro do modal também?

$(document).ready(function() {
win_w = $(window).width();
win_h = $(window).height();
if (/Mobi/i.test(navigator.userAgent)) {
$(".mgu-profil-selection__food5, .mgu-profil-selection__food6").removeClass("no-touch");
}
})

Respostas:

1 para resposta № 1

Seu código é executado apenas no carregamento da página, você também deve executar isso após o pedido de ajax

Você pode atribuir retornos de chamada ao seu magnific Popup docs)

function check() {
win_w = $(window).width();
win_h = $(window).height();

if (/Mobi/i.test(navigator.userAgent)) {
$(".mgu-profil-selection__food5, .mgu-profil-selection__food6").removeClass("no-touch");
}
}

$(document).ready(function() {
check();
})


$(".image-link").magnificPopup({
type: "image",
callbacks: {
ajaxContentAdded: function() {
// Ajax content is loaded and appended to DOM
// run check function again
check();
}
}
});