使用jquery延迟加载iframe（延迟src http调用）
我正在寻找类似于jQuery图像延迟加载插件的东西 ，但是对于iframe 。
这对我有用。
var iframes = $('iframe'); $('button').click(function() { iframes.attr('src', function() { return $(this).data('src'); }); }); iframes.attr('data-src', function() { var src = $(this).attr('src'); $(this).removeAttr('src'); return src; });
jsFiddle 。
最近发布了一个类似的问题 ，特别针对基于Twitter Bootstrap的标签的iFrames，我使用的技术回答了我称之为Lazy Loading of iFrames 。 js / jquery如下; 请参阅完整代码，包括小提琴中的html标记或我对OP的回复：
您始终可以将src属性初始化为about：blank，然后在单击事件触发时，将src属性设置为要导航到的URL。
你能将src设置为about：blank吗？ 像这样？
如果你想在WordPress中这样做
这是一个自动的，请求减少的解决方案
在WordPress插件表单中
这是一个WordPress插件，您可以通过WordPress插件存储库下载并手动安装。 我今天创建这个只是为了处理这种情况。 无需更改内容，只有在任何和所有iframe上激活后，这都会自动生效。