Question

我正在尝试使用jquery，以便iframe在onPageload上为空，然后在我点击happy face超链接后，它会加载iframe并显示loading.gif。

iFrame onload没有加载我的div loadImg。

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

Answer 1

看看JQuery Mobile的Loader：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" );
    });
});

Answer 2

使用'代替“

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

您的代码应为

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

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

2 个答案: