【问题标题】:Fancybox 3 setTimeout?Fancybox 3 设置超时?
【发布时间】:2017-11-09 10:40:38
【问题描述】:

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

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

我对 JS 不是很聪明,尽管我相信它可能会与其他一些代码发生冲突。在这台 Mac 退出窗口之前有什么建议吗?

谢谢:)

【问题讨论】:

    标签: javascript jquery fancybox lightbox fancybox-3


    【解决方案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,因为该网站(与许多其他网站一样)阻止嵌入。

    【讨论】:

    • 伙计,我欠你一杯啤酒。谢谢!
    • 完成 :) 实际上我还有另一个问题,我现在将发布。
    猜你喜欢
    • 1970-01-01
    • 2020-09-20
    • 1970-01-01
    • 2011-08-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多