无法在页面加载时关闭java脚本中的放大弹出框

Question

我无法在页面加载时关闭放大弹出窗口。当我点击subscribe链接时，它会打开弹出窗口，并让我关闭它。但是在页面加载时，它不允许我这样做。

我使用以下脚本：

https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js

   <button title="Close (Esc)" type="button" class="mfp-close">×</button>

当前JS：

$(document).ready(function () {

    $('.open-popup-link').magnificPopup({
        type: 'inline',
        midClick: true,
        mainClass: 'mfp-fade'
    });

});

https://codepen.io/adar123/pen/BaooLLP

Answer 1

要在页面加载时打开弹出窗口，请尝试这样做。

$.magnificPopup.open({
        items: {
        type: 'inline',
        src: '#test-popup'
        },
        midClick: true,
        mainClass: 'mfp-fade'
    });