Chrome加载jQuery动画时出现问题

时间:2012-01-02 13:47:21

标签: jquery google-chrome jquery-animate

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

在这里看到它 http://www.rijschool-rijles.nl/in/amsterdam

有人解决方案吗?

1 个答案:

答案 0 :(得分:0)

我的不好:$('document')应该是$(文件)。