在滾動到頁面尾部後添加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'); 
      }); 
     }); 
    } 
});