Question

我正在使用Magnific Popup。

我想在点击关闭弹出窗口的任意位置时关闭弹出窗口。

这是我的代码小提琴：

代码：

$('.popup-modal').magnificPopup({

    type: 'inline',
    modal: true,

});

$(document).on('click', '.closePopup', function (e) 
            {
                e.preventDefault();
                $.magnificPopup.close();
});

Answer 1

您需要设置modal: false

Demo Fiddle

Answer 2

轻微调整，检查小提琴：）

$（ '弹出模态'）。magnificPopup（{
type: 'inline',
modal: false,
}）;

> $(document).on('click', '.closePopup', function (e) 
>             {
>                 e.preventDefault();
>                 $.magnificPopup.close();
>             });

http://jsfiddle.net/qweWa/27/

Answer 3

从Magnific-Popup Documentation开始，实际上不需要明确设置modal:false 。大部分答案都完成了。

如果您遍历文档，您会发现，如果您甚至不传递modal属性，它就会起作用。我已根据您的要求编辑了JSFiddle。我认为在这种情况下可以避免不必要的重写属性。

这些就可以了：

$('.popup-modal').magnificPopup({
    type: 'inline',
});

注意：别忘了注意此答案与其他答案的区别。

Answer 4

模态：当设置为true时，弹出窗口将具有类似模态的行为：无法通过常规方式（关闭按钮，转义键或单击叠加层）来解除它。

$('.popup-modal').magnificPopup({

    type: 'inline',
    modal: false

});

Onclick点击任意页面关闭弹出窗口 - Magnific Popup

4 个答案: