javascript - 如何在页面加载时加载宏伟的弹出模式

Question

我试图在页面加载时加载我的 magnific 弹出模式，但是我不太理解文档中的语法。如何在页面加载时调用模式？

我的 HTML:

<div id="test-modal" class"white-popup-block mfp-hide">
    <h1>Modal Test</h1>
    <p>
    Test Some text.
    </p>
    <p>
    <a class="popup-modal-dismiss">Dismiss</a>
    </p>
</div>

我的JS:

$(window).load(function(){

???? What code should I place???
});

我已经预加载了脚本和 css 文件，我应该在 JS 中输入什么才能在加载时加载弹出窗口？

Answer 1

试试这个:

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

还有 fiddle ...