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

Question

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

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

мой код:

$('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 / в / амстердам

Кто-нибудь есть решение?

Answer 1

Мое плохое: $ ('document') должно быть $ (document).