jquery - 单击带有进度 gif 的超链接后加载 iframe

Question

我正在尝试使用 jquery 以使 iframe 在页面加载时为空，并且在我单击快乐脸超链接后，它会加载 iframe 并显示 loading.gif。

小提琴

iFrame onload 没有加载我的 div loadImg。

<iframe id="myiFrame" scrolling="no" onload="document.getElementById('loadImg').style.display='none';" >
</iframe>

Answer 1

使用 ' 而不是 "

onload='document.getElementById('loadImg').style.display='none';'

你的代码应该是

<iframe id="myiFrame" scrolling="no" onload='document.getElementById('loadImg').style.display='none';' >
</iframe>

Answer 2

看看 JQuery Mobile 的加载器：http: //view.jquerymobile.com/1.3.2/dist/demos/widgets/loader/

然后你的脚本看起来像：

$("a").click(function(){
    $.mobile.loading( "show", {,
            theme: 'd'
    });
    var iframe = $("#myiFrame");
    iframe.attr("src", iframe.data("src"));
    iframe.(window).load(function(){
        $.mobile.loading( "hide" );
    });
});