Javascript （）上的jQuery无法处理加载的元素

我做的每件事都像文件中说的那样，但它只是没有开火

    //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')

表示包含

正文

类而非

正文

节点的

文档

节点

并且没有名为

document

像这样试试

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

试着替换

$（document.body）.on（'click'，'.mfp wrap'

为了

---

$（'document.body'）。在（'click'，'.mfp wrap'

上可以包含问题中的

html

？可以包含问题中的

html

，创建堆栈代码段，jsfiddle进行演示？

$('document.body')

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