javascript - 如何在页面加载时打开一个宏伟的弹出窗口？

Question

我正在使用 Magnific Popup我希望在弹出页面加载后立即显示视频。

我的插件可以正常工作，但我不知道如何让它在页面加载后立即弹出，而无需单击缩略图。

我四处寻找解决方案，但未能成功。

Answer 1

如果您使用的是 jQuery，您可以只监听窗口加载事件，然后像这样为您的 Magnific Popup 调用 open 方法:

(function($) {
    $(window).load(function () {
        // retrieved this line of code from http://dimsemenov.com/plugins/magnific-popup/documentation.html#api
        $.magnificPopup.open({
            items: {
                src: 'someimage.jpg'
            },
            type: 'image'

          // You may add options here, they're exactly the same as for $.fn.magnificPopup call
          // Note that some settings that rely on click event (like disableOn or midClick) will not work here
        }, 0);
    });
})(jQuery);