Fancybox 3 设置超时？

Question

我希望内部 URL 在页面加载后约 5 秒内在 Fancybox 3 中触发。我有以下代码，但是我只是加载了 PNG - 什么也没有出现。

setTimeout(function(){
  $.fancybox.open({
    iframe : {
      href:'http://www.gamespot.com'
      }
    });
  }, 2000);

我不太懂 JS，尽管我认为它可能会与其他一些代码发生冲突。在此 Mac 之前的任何建议都会出现 window?

谢谢:)

Answer 1

查看文档中的示例 - http://fancyapps.com/fancybox/3/docs/#api 并使用正确的语法，像这样：

setTimeout(function() {
  $.fancybox.open({
    type : 'iframe',
    src  : 'https://codepen.io/spark/',
    opts : {
      iframe : {
        preload : false
      }
    }
  });
}, 2000);

演示 - https://codepen.io/anon/pen/ooBZoK?editors=1010

顺便说一句，您将无法包含 gamespot.com，因为该网站（与许多其他网站一样）阻止嵌入。

Fancybox 3 设置超时？

Fancybox 3 setTimeout?

javascript

jquery

lightbox

fancybox

fancybox-3