在单击Lightbox之前不要加载iFrame谷歌地图

Do Not Load iFrame Google Map Until Lightbox Click

本文关键字：加载 iFrame 谷歌地图 单击 Lightbox      更新时间：2023-09-26

我正在使用Google maps iFrame Embed将一些地图嵌入到页面上。这些地图会加载到页面中，并在单击时显示在灯箱中（包含其他信息）。是否可以在实际单击灯箱链接之前不加载iFrame内容？

我不想在只需要一两张地图的情况下加载10多张地图。

这样做可能吗？

我使用Fancybox2作为灯箱和jQuery2.1。

我曾考虑过使用jQuery在点击时注入iFrame代码，但我不确定最佳方法。

可能有不同的方式，1种可能：

将src存储在iframe的另一个属性中（例如data-src），并在灯箱打开时分配src：

$(".selector").fancybox({
    afterLoad:function(){
        this.content.find('iframe')
       .each(function(i,f){ 
          f=$(f);
          if(!f.attr('src')) {
             f.attr('src',f.data('src'));
          } 
        });               
    }
});
相关文章：