jqueryで遅延iframe（遅延src httpコール）をロード

Question

jQuery image lazy load pluginと似たようなものを探していますが、iframesです。

Answer 1

これは私のために働いた。

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。

Answer 2

src属性をabout：blankに初期化してから、clickイベントが発生したときにsrc属性を移動先のURLに設定できます。

Answer 3

srcをabout：blankに設定できますか？このような？

http://jsfiddle.net/MaUfH/

Answer 4

similar questionは最近だった私はLazy Loading of iFramesを呼んでいる技術を使用してTwitterのブートストラップベースのタブ、I answeredとのiFrameに固有掲載しました。 js/jqueryは次のとおりです。フィドルやOPに私の応答のHTMLマークアップを含む完全なコードを参照してください。

<script> 
$('#myTabs').bind('show', function(e) { 

// identify the tab-pane 
paneID = $(e.target).attr('href'); 

// get the value of the custom data attribute to use as the iframe source 
src = $(paneID).attr('data-src'); 

//if the iframe on the selected tab-pane hasn't been loaded yet... 
if($(paneID+" iframe").attr("src")=="") 
{ 
    // update the iframe src attribute using the custom data-attribute value 
    $(paneID+" iframe").attr("src",src); 
} 
}); 
</script> 

Answer 5

あなたはここ

、自動要求還元されるワードプレスでこれを実行したい場合は、ソリューション

ここで

WordPressのプラグインの形で

は、あなたがダウンロードして、手動でリポジトリをプラグインワードプレスを経由してインストールすることができますプラグインワードプレスです。今日私はこの状況を処理するためにこれを作成しました。コンテンツへの変更は必要ありません。これは、すべてのiframeで一度アクティブになると自動的に動作します。あなたはそれをロードするまで

https://wordpress.org/plugins/lowermedia-iframes-on-demand/