如何加載頁面加載

莊重的彈出式模式，我試圖加載頁面加載我莊重的彈出式模態，但是我不是很瞭解文檔中的語法。如何在頁面加載時調用模態？如何加載頁面加載

我的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裏面輸入，使其加載在加載彈出？

來源

2013-12-10 marchemike

試試這個：

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

來源

2013-12-11 00:58:45 Fabricio

有沒有辦法打開與現有標記的彈出？我已經有了DOM元素設置，我只想用JavaScript打開彈出窗口。 – AndrewJM

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

來源

2015-08-30 11:20:39

最佳解決方案。 –

-2

你可以試試這個：

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

來源

2016-02-17 04:00:05

如何加載頁面加載

回答

相關問題