【问题标题】:Issue with Chrome on loading jQuery animationChrome 在加载 jQuery 动画时出现问题
【发布时间】:2012-01-02 13:47:20
【问题描述】:

我在使用 chrome 中的简单 jQuery 动画时遇到了一些问题。它发生在第一次加载浏览器时。第一个 div (id=rijbewijs),顶部的蓝色条,动画有时会被跳过,根本不会出现。我在想也许 chrome 会跳过这个,因为它仍在忙于加载其他图像。不会一直发生,主要是在第一次加载时。

其他浏览器我没有注意到这个错误,我发现早期版本的 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

谁有解决办法?

【问题讨论】:

  • 无法理解什么不起作用。我用chrome打开链接,中间的两条紫色条从右向左浮动。
  • 是的!它与他们相反。即从左到右。我的工作很好。我正在使用铬
  • 问题是它在大多数情况下都有效,但我注意到有时,也许当连接速度较慢时它不会。我在家里看到它作为我的工作计算机。
  • 在这种情况下,您可以在页面完全加载后使用window.onload属性调用jquery函数。但是,它正在工作,并且代码肯定没有问题

标签: jquery google-chrome jquery-animate


【解决方案1】:

我的错:$('document') 应该是 $(document)。

【讨论】:

    猜你喜欢
    • 2019-08-08
    • 2020-04-21
    • 2020-01-10
    • 1970-01-01
    • 2011-02-21
    • 1970-01-01
    • 2012-10-20
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多