Проблема с Chrome при загрузке jQuery анимации

Question

У меня возникли проблемы с простой анимацией jQuery в хроме. Это происходит, когда браузер загружается в первый раз. Первый div (id = rijbewijs), верхняя синяя полоса, которая анимируется, иногда пропускается и не появляется вообще. Я думал, что хром пропускает это, потому что он все еще занят загрузкой других изображений. Это происходит не всегда, в основном при загрузке в первый раз.

Другие браузеры Я не заметил ошибку, я вижу там, где некоторые проблемы в более ранних версиях jQuery с функцией анимации, но это, похоже, не та же проблема.

мой код:

$('document').ready(function(){ 
    $('#rijbewijs').css({ 
     'left':'-600px' 
     }) 

    $('#proefles, #tweeuurles').css({ 
     'left':'700px' 
     }); 

    $('#main img').ready(function(){ 
      $('#headerBackground').show(); 
      $('#headerBackground, #main img').fadeIn(600,function(){ 
       $('#rijbewijs').delay(750).animate({ 
        'left':'0' 
       }, 500); 

       $('#proefles').delay(1750).animate({ 
        'left':'175' 
       }, 500); 

       $('#tweeuurles').delay(2500).animate({ 
        'left':'209' 
       }, 500); 
      }); 
    }); 
}); 

посмотреть здесь http://www.rijschool-rijles.nl/in/amsterdam

Любой решение?

Answer 1

My bad: $ ('document') должен быть $ (document). Удивленный никто не поймал этого.