我正在使用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'));
}
});
}
});