以下代碼中跨瀏覽器兼容性的問題

Question

我在下面的代碼中遇到問題。 這段代碼在firefox中工作正常，但是當我在chrome，Internet Explorer 8，Opera上嘗試相同時，它不起作用。

以下是我的代碼：

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

     // checking if we are at the end of the window 
     $(document).scroll(function(){ 
      if ($(window).scrollTop() == $(document).height() - $(window).height()){ 
       loadNewData(); 
      } 
     }); 

     function loadNewData(){ 
      alert('loadingNewData');  
      for (var i=0; i<20; i++){ 
       $('ul').append($('<li>'+new Date().getTime()+'</li>')); 
      } 
     } 
    }); 
</script> 

請讓我知道什麼是我需要做使這個代碼在所有瀏覽器上運行它的變化。 謝謝。

Answer 1

僅符合當前文檔的元素有一個ready()方法：

$(document).ready(function(){ 
    $(window).on('scroll', function(){ 
     if ($(window).scrollTop() == ($(document).height() - $(window).height())) { 
      loadNewData(); 
     } 
    }); 

    function loadNewData(){ 
     for (var i=0; i<20; i++){ 
      var li = $('<li />', {text:new Date().getTime()}); 
      $('ul').append(li); 
     } 
    } 
});