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);

Answer 2

我能够使用 jquery 的 setTimeout 函数获得定时模式，只需将 .magificpopup 包装在 settimeout 函数中即可设置延迟。将 5000（5 秒）的值更改为您想要的任何值。

见下文：

$(document).ready(function () {
setTimeout(function() {
 if ($('#myModal').length) {
   $.magnificPopup.open({
    items: {
        src: '#myModal' 
    },
    type: 'inline'
      });
   }
 }, 5000);
});