【发布时间】: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