Jquery 单击任意位置关闭放大弹出框

每当我尝试填写登录表单（这是一个放大的弹出ajax框）时，它会在单击的第一个实例中关闭

main.html

$（文档）.ready（函数（）{
$（'.ajax弹出链接'）.magnificPopup({
键入：“ajax”，
alignTop:false，
溢出：“滚动”
});
});

将其添加到放大弹出选项中

closeOnContentClick: false

所以

确保您的页面“正在使用ajax”的信息或标记没有超出需要。
例如，它应该像这样干净：

<div>
<h3>Heading</h3>
<p>
Text
</p>
</div>

默认情况下已经设置了，所以这不会有帮助，但是要将代码清理得尽可能简单

我还想提到另一种选择：，它似乎处理事情更顺畅，还包括按id进行内容过滤。
将此添加到放大弹出选项中
单击“内部白色框”以查看

 closeOnContentClick: false

单击黑色背景时停止关闭框

closeOnBgClick:false

完整示例

$.magnificPopup.open({
        items: {
            src: '<div class="white-popup"><h1>Modal Test</h1><p>Test Some text.</p><p><a class="popup-modal-dismiss">Dismiss</a></p></div>',
            type:'inline'
        },
       closeOnContentClick: false,
       closeOnBgClick:false
    });

$.magnificpoop.open({
项目：{
src:“模态测试测试一些文本。
驳回
”，
类型：'inline'
},
closeOnContentClick:false，
closeOnBgClick:false
});

closeOnBgClick:false

$.magnificPopup.open({
        items: {
            src: '<div class="white-popup"><h1>Modal Test</h1><p>Test Some text.</p><p><a class="popup-modal-dismiss">Dismiss</a></p></div>',
            type:'inline'
        },
       closeOnContentClick: false,
       closeOnBgClick:false
    });