jquery - 進行状況の gif でハイパーリンクをクリックした後に iframe を読み込む

Question

iframeがonPageloadで空になるようにjqueryを使用しようとしています。幸せそうな顔のハイパーリンクをクリックすると、iframeが読み込まれ、loading.gifが表示されます。

フィドル

iFrame onload が私の div loadImg をロードしていません。

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

Answer 1

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" );
    });
});

Answer 2

" の代わりに ' を使用

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

あなたのコードは

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