Question

我正在尝试运行2个在页面完全加载后动画一些图像的函数（我正在使用Jquery Circulate Plugin）。我尝试$(document).ready(function，但第一次加载时图片根本没有显示，只有在刷新页面后才会显示：

$( document ).ready(function() {

    $(".zenn").each(function() {
            $(this).circulate({
                speed: Math.floor(Math.random()*300) + 100,
                height: Math.floor(Math.random()*1000) - 470,
                width: Math.floor(Math.random()*1000) - 470
            });
        });

    $(".zenn").css("left", $(".zenn").position().left).circulate({
            loop: true,
            width: 0,
            height: 10
        });
    });

链接到网页：http://ngit.ma/jgr/

我会感激任何帮助或建议，因为我是Javascript的新手。提前谢谢。

Answer 1

使用load()

$(window).load(function()
  ...
})

$（文件）.ready不等待图像。 $（document）.load呢！：）

Answer 2

答案是使用：

$(window).load(fn);

在加载包括图像在内的所有资源后，它将会激活。

$(window).load(function(){
   // do your logic here..  
});

DOM准备好后会立即触发

$(document).ready(fn)，但$(window).load(fn)将等待所有资源在被触发之前加载。

页面满载事件

2 个答案: