jquery html()方法中放入iframe,如何出现loading效果

Question

在jquery中var content = "<iframe frameborder=\"0\" src=\"update_cost.jsp\" style=\"width:100%;height:100%;\"></iframe>";
$('#test').html(content);先空白等3-5秒中，才能出现update_cost.jsp页面。怎样才能先搞个loading效果呢

Answer 1

var content = "<div class=\"loading\">正在加载...</div><iframe style=\"display:none\" frameborder=\"0\" src=\"update_cost.jsp\" style=\"width:100%;height:100%;\"></iframe>";
$('#test').html(content);过几秒之后，隐藏掉<div>,再显示iframe。

Answer 2

这个我有试过，可以是可以，但是如果loading放的是一张loading图片，loading图片不会转动，是静止。

Answer 3

如果iframe没有跨域
则1）iframe加载前先隐藏
2）在ifram相同位置 放置相同大小的图片
3）iframe设置src开始加载
4）iframe加载的html中带一段onload脚本 该脚本调用父页面的一个方法
5)父页面的这个方法 隐藏图片 显示 iframe动作划分好了 效果在几个动作之间随便插了