如何预加载 iframe
function toggle(){
$("#tempc").toggle(
function () {
$("#tempc").animate({width: 255, height: 220}, 1000);
$("#tempc").html("");
$("#tempc").css("background-color", "transparent");
$("#tempc").html("<iframe src='/src/stream.php?stream=1' width='255' height='225' frameborder='0' scrolling='no'></iframe><br><a href='javascript:;' onclick='hidegadget();' class='yellowblock'>Sluit</a>");
},
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);
});
不久前，我试图为 div 制作动画，好吧，它现在只能做一件事。 当第一个功能被激活时（从第 3 行开始），iframe 被加载。但现在，我如何预加载该 iframe？因为当动画完成时，iframe 尚未加载。
function toggle(){
$("#tempc").toggle(
function () {
$("#tempc").animate({width: 255, height: 220}, 1000);
$("#tempc").html("");
$("#tempc").css("background-color", "transparent");
$("#tempc").html("<iframe src='/src/stream.php?stream=1' width='255' height='225' frameborder='0' scrolling='no'></iframe><br><a href='javascript:;' onclick='hidegadget();' class='yellowblock'>Sluit</a>");
},
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);
});
A while ago I was trying to animate a div, well, it works now only one thing.
When the first function is activated (starting row 3), and iframe gets loaded. But now, how can I preload that iframe? Because when the animation is finished the iframe isn't loaded.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
使用 JQuery，您不需要使用 iframe。看一下 .load() 函数。 http://api.jquery.com/load
即
要预加载页面，只需创建一个隐藏的 div 并在准备好时显示它。
With JQuery, you don't need to use iframes. Take a look at the .load() function. http://api.jquery.com/load
i.e.
To preload a page, just create a hidden div and show it when ready.
首先加载 iframe，挂钩 iframe 上的
onLoad（这本身可能会让您头痛，但稍微谷歌搜索一下应该会告诉您如何使其跨浏览器正常工作）并从这次活动。Start by loading the iframe, hook into
onLoadon the iframe (this might give you a headache in itself, but a little googling should show you how to make this work well cross browser) and run your animation from this event.