3

ページの読み込み時に素晴らしいポップアップ モーダルを読み込もうとしていますが、ドキュメントの構文がよくわかりません。ページの読み込み時にモーダルを呼び出すにはどうすればよいですか?

私の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 内に何を入力すればよいですか?

4

3 に答える 3

6

これを試して：

$.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
});

そしてフィドル...

于 2013-12-11T00:58:45.437 に答える
-2

これを試すことができます：

    $.magnificPopup.open({
        items: {
            src: 'images/loading.gif',
            type:'image'
        },
        modal: true
    });
于 2016-02-17T04:00:05.283 に答える