不要加载iFrame谷歌地图直到灯箱点击

Question

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

当只需要一两个地图时，我不想加载10个以上的地图。

这可能吗？

我使用Fancybox 2作为灯箱和jQuery 2.1。

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

Answer 1

可能有不同的方式，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'));
          } 
        });               
    }
});