预加载iframe

function toggle(){ $("#tempc").toggle( function () { $("#tempc").animate({width: 255, height: 220}, 1000); $("#tempc").html(""); $("#tempc").css("background-color", "transparent"); $("#tempc").html("
Sluit"); }, function () { $("#tempc").animate({width: 50, height:50}, 1000); $("#tempc").html(""); $("#tempc").css("background-color", "#FFFF00"); $.get('src/stream.php?stream=2', function(data002) { $('#tempc').html(data002); }); } ); } $.get('src/stream.php?stream=2', function(data002) { $('#tempc').html(data002); }); 

Hello stackoverflow，

前一段时间我正在尝试动画一个div，好吧，它现在只有一件事。 第一个函数被激活时（从第3行开始），iframe被加载。 但是现在，我怎么能预加载那个iframe？ 因为动画结束时iframe没有加载…

问候

Answer 1

使用JQuery，您不需要使用iframe。 看一下.load（）函数。 http://api.jquery.com/load

即

 $('#tempc').load('src/stream.php?stream=1'); 

要预加载页面，只需创建一个隐藏的div并在准备好时显示它。

 var stream2 = $('
').load('src/stream.php?stream=2').hide(); $('#tempc').html(stream2.html()); 

Answer 2

首先加载iframe，挂钩到iframe上的onLoad （这可能会让你头疼，但有一点谷歌搜索应该告诉你如何使这个工作很好地跨浏览器）并从这个事件运行你的动画。