マウスをホバーするとページのウィンドウが開いて、個別にプレビューしたいリンクのメニューがあります。
複数の iframe をロードして非表示にすると、CPU の使用量が多すぎます。
ホバー時にページをリクエストし、ホバーの終了時に接続/読み込みを終了したい。これどうやってするの?
マウスをホバーするとページのウィンドウが開いて、個別にプレビューしたいリンクのメニューがあります。
複数の iframe をロードして非表示にすると、CPU の使用量が多すぎます。
ホバー時にページをリクエストし、ホバーの終了時に接続/読み込みを終了したい。これどうやってするの?
attr()
メソッドを使用しsrc
て、必要に応じて 1 つの iFrame だけを変更します。
var $iFrame=$('#iFrameID');
$('.someClass').hover(){
var src= this.href /* not sure of source*/
$iFrame.show().attr('src', src);
},function(){
$iFrame.hide()
});
簡単にするために非表示と表示を使用しました。iFrame を動的に追加および削除することもできます
API リファレンス: http://api.jquery.com/attr/