滚动到页面末尾后添加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');
            });
        });
    }
});