Проблемы с совместимостью с перекрестным браузером в следующем коде

Question

Я столкнулся с проблемами в следующем коде. Этот код отлично работает в firefox, но когда я пробовал то же самое на chrome, Internet explorer 8, опера он не работает.

Ниже мой код:

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