モーダル内で動作しない場合

Question

HTMLがDOM内にある場合は正常に動作します。しかし、私はAJAX-modal（偉大なポップアップ）を持っていて、スクリプトが動作しません。

クラス「ノータッチ」は削除されません。モーダル内でも動作するように変更する必要がありますか？

$(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"); 
 
    } 
 
})

Answer 1

あなたのコードは唯一のページロードで実行され、また、あなたはmagnificポップアップへのコールバックを割り当てることができますAJAXリクエスト

後にこれを実行する必要があります（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(); 
    } 
    } 
});