如何在页面加载时加载magnific popup模式

时间:2013-12-10 23:59:22

标签: javascript jquery onload magnific-popup

我正在尝试在页面加载时加载我的大胆弹出模式,但是我无法理解文档中的语法。如何在页面加载时调用模态?

我的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中输入什么来加载弹出窗口加载?

3 个答案:

答案 0 :(得分:5)

试试这个:

$.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 ......

答案 1 :(得分:3)

$.magnificPopup.open({items: {src: '#id-of-your-popup'},type: 'inline'}, 0);

答案 2 :(得分:-2)

你可以试试这个:

    $.magnificPopup.open({
        items: {
            src: 'images/loading.gif',
            type:'image'
        },
        modal: true
    });