javascript - jQuery on() 不适用于加载的元素

Question

我正在按照文档中所述执行所有操作，但它只是没有触发。

    //Magnific Popup Background Blur

    $('a.video-popup').on('click', function(e) {

        $('.main-wrapper').addClass('blur');
        $('header').addClass('blur');

        console.log('Easy!');

    });

    $('document.body').on('click','.mfp-wrap', function(e) {  //mfp-wrap is background

        console.log('Finallly!!');

        $('.main-wrapper').removeClass('blur');
        $('header').removeClass('blur');
    });

第一个功能运行得很好，但第二个..

情况:

• 如果按下 a.video-popup，弹出窗口会出现并带有背景
• 页面加载时弹出元素不在 DOM 中
• 如果加载，弹出元素位于正文正下方
• 如果点击背景，弹出窗口将关闭
• 我什么也没得到 - 没有删除类或给出 consol.log，也没有错误

<小时/>

解决方案:

$('document.body').on('click','.mfp-wrap', function(e) 

至

$(document).on('click','.mfp-wrap', function(e)

Answer 1

在此选择器中

$('document.body')

表示包含body类的document节点，而不是body节点

并且没有名称为document的节点

尝试这样

$(document).on('click','.mfp-wrap', function(e)