magnific-popup - 如何防止关闭

Question

我的弹出窗口中有一些表单控件，如果表单无效，我希望防止用户关闭它。

我试过这个只是作为测试，但是当用户单击关闭按钮等时，弹出窗口仍然关闭。

$.magnificPopup.open({
            items: {
                src: '#topic'
            },
            type: 'inline',
            removalDelay: 500, //delay removal by X to allow out-animation
            mainClass: 'mfp-3d-unfold',
            closeMarkup: '<button title="Close (Esc)" type="button" class="mfp-close"></button>',
            midClick: true, // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href.
            callbacks: {
                beforeClose: function () {
                    // Callback available since v0.9.0
                    return false;
                },
                close: function () {
                    // Will fire when popup is closed
                    return false;
                }
            }
        });

Answer 1

根据文档，如果您添加 closeOnContentClick: false作为一种选择，窗口不应关闭。

magnificPopup.open({
            items: {
                src: '#topic'
            },
            type: 'inline',
            closeOnContentClick: false,
            removalDelay: 500, //delay removal by X to allow out-animation
            mainClass: 'mfp-3d-unfold',
            closeMarkup: '<button title="Close (Esc)" type="button" class="mfp-close"></button>',
            midClick: true
        });

但是，我一直在尝试让 ajax 窗口在点击它时不关闭(表单)并且添加此选项根本不起作用(尽管它可能适用于内联)。到目前为止，我能够让它工作的唯一方法是添加一个类 mfp-prevent-close到弹出窗口中的所有子节点(例如所有表单输入字段、周围的字段集等)。

无论如何，希望这会有所帮助:)