重新檢查jQuery中的東西？

Question

基本上我有一個jQuery函數，用於檢查用戶是否接近頁面底部並加載更多內容。當文件加載時，這是運行，檢查。

<script type="text/javascript"> 
$(document).ready(function() { 

    var number = 5; 
    offset = 0; 

    $(window).scroll(function() { 
     if($(window).scrollTop() + $(window).height() > $(document).height() - 10) { 

      $(".empty-div").append().load('<?php bloginfo('template_url'); ?>/ajax.php?offset='+offset+number, function() { 

        var offset = offset+number;    

        setTimeout(function(){ console.log('after', $(document).height()); }, 0); 
        setTimeout(function(){ console.log('after', $(window).height()); }, 0); 



      });  

     } 

    }); 

}); 
</script> 

H/e每當我到達頁面底部的第二個頁面時，它都不會重新載入函數。順便說一下，它第一次工作。任何想法如何彌補這一點？控制檯的東西在那裏重新計算高度，以防萬一這是造成它的原因。

Answer 1

1. 你在$（「。empty-div」）上使用load（），這不會增加更多內容，它會替換內容（如果響應不會改變，你將看不到變化）

   更好應該是這樣的

   $('<div/>').appendTo(".empty-div").load(/*****/) 
   

2. 也許還存在與DOCTYPE一個問題。日誌

   $(window).scrollTop(), $(window).height() and $(document).height() 
   

   也許，它不同於標準 - 和怪癖模式。

Answer 2

通過這樣做：

var offset = offset+number; 

你正在創建一個新當地變量offset，不更新您的原

offset = 0; 

函數之前聲明的，所以這樣的：?offset='+offset+number總是使用offset作爲0，因爲它從未更新過。只是刪除了var，就像這樣：

offset = offset+number; 

---

清潔度，還添加了var到原來的聲明，或使用逗號的多個聲明，如下所示：

var number = 5, offset = 0;