加载jQuery动画时Chrome出现问题

我在chrome中使用简单的jQuery动画时遇到了一些问题。第一次加载浏览器时会发生这种情况。第一个div id=rijbewijs，顶部的蓝色条，它被设置为动画，有时会被跳过，并且根本不会出现。我在想也许chrome会跳过这个，因为它还在忙于加载其他图像。这种情况并非总是发生，主要是在首次加载时

其他浏览器我没有注意到这个bug，我看到早期版本的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);
            });
    });
});

看到这里了吗

---

有人想要解决方案吗？

我的坏：$“文档”应该是$document

无法理解什么不起作用。我打开了Chrome的链接，中间的两个紫色条从右向左飘动。是的！它以相反的方式漂浮在它们的上方。i、 e.从左到右。我这边干得不错。我使用ChromeP的问题是，它在大多数情况下都能工作，但我注意到，有时，可能当连接速度较慢时，它就不能工作了。我在家里的工作电脑上看到了这两个函数。在这种情况下，您可以在页面完全加载后使用window.onload属性调用jquery函数。但是，它正在工作，代码肯定没有问题