以下代码中跨浏览器兼容性的问题

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); 
     } 
    } 
});