Onclick在页面上的任何地方关闭弹出窗口-宏弹出窗口

Question

我正在使用Magnific Popup。

我想在页面关闭弹出窗口中的任意位置单击时关闭弹出窗口。

这是我的代码小提琴：

http://jsfiddle.net/qweWa/24/

代码：

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

    type: 'inline',
    modal: true,

});

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

Answer 1

微调，检查小提琴：）

$（'。popup-modal'）。magnificPopup（{

type: 'inline',
modal: false,

}）;

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

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

Answer 2

您需要设置modal: false

Demo Fiddle

Answer 3

来自Magnific-Popup Documentation，实际上是不需要来设置modal:false 显式。大部分答案都完成了。

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

只需这些就可以了：

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

注意：请不要忘记注意此答案与其他答案的区别。

Answer 4

modal：当设置为true时，弹出窗口将具有类似modal的行为：无法通过通常的方式（关闭按钮，escape键或单击覆盖图）将其关闭。

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

    type: 'inline',
    modal: false

});