javascript - ページの最後までスクロールした後に JQuery スピナーを追加する

Question

Div にさらにコンテンツを追加する次のコードがありますが、画像ローダーを追加する場所がわからないため、新しいコンテンツが追加される前にページの下部に表示されます。

$(window).scroll(function () {
    if ($(window).scrollTop() == $(document).height() - $(window).height()) {   
    $.getJSON("http://howtodeployit.com/?json=recentstories", function(data) {
    newposts = data.posts.slice(currentPostcount, currentPostcount + desiredPosts);
    $.each(newposts, function(key, val) {
        //Append new contents
        $("#postlist").listview().listview('refresh');
        });
    });
}});

私はこれを試しましたが、AJAXが必要です:

beforeSend: function() { $('#loader').show(); },
complete: function() { $('#loader').hide(); },

Answer 1

これを試して。

$(window).scroll(function () {
    if ($(window).scrollTop() == $(document).height() - $(window).height()) {   
        $('#loader').show(); 
        $.getJSON("http://howtodeployit.com/?json=recentstories", function(data) {
            $('#loader').hide(); 
            $.each(data, function(key, val) {
                //Append new contents
                $("#postlist").listview().listview('refresh');
            });
        });
    }
});