2

How to display a gif image during the loading ?

i use get.

function getCurrentUrl() {
    $(
        $.get(
            "page1.html", 
            function (data) {
                $("#divReceptLoad").empty().append(data);
            },
           'html'
        )
    );
}

than you very much if you can help me :)

4

2 に答える 2

4

thenを作成します<img id="loading" src="..." style="display:none;" />：

function getCurrentUrl() {
    $('#loading').show(); //show it before sending the ajax request
    $.get("page1.html", function (data) { 
        $('#loading').hide(); //hide in the callback
        $("#divReceptLoad").empty().append(data);
    },'html'));
}

画像にスタイリング/ポジショニングを追加して、基本的なshow/hideメソッドをfadeIn/フェードアウト、slideDown/slideUpまたはその他の効果に置き換えてください。

これは、読み込み中のGIFジェネレーターと、Google画像検索から取得したくない場合の別のジェネレーターです。

そして、これが既製のものの素晴らしいコレクションです。

于 2012-08-12T11:35:13.957 に答える
1 
function getCurrentUrl() {
     $('#gif').fadeIn() // show the hidden gif
     $.get("page1.html", function(data){
        $('#gif').hide() // hide it
        $("#divReceptLoad").empty().append(data);
     },'html')    
}
于 2012-08-12T11:37:08.273 に答える