jQuery在资产加载时运行

Question

我有一个大图像，全宽和全高，我有一个带有document.ready的jQuery脚本，但脚本在图像加载之前仍然运行。我可以用另一种方式准备语句，以便加载图像。

$(document).ready(function(){
var currWidth = $(window).width();
console.log(currWidth);

var startPos = -100;
var endPos = (currWidth / 2) + (startPos / 2);
console.log(endPos);
$('#welcome').animate({left: endPos}, 1000);
});

http://jsfiddle.net/KtUEL/151/

Answer 1

$（window）.load（function（）{

这不是document.ready，而是完全加载dom和所有资产文件。只需加载页面。

谢谢！

解决

Answer 2

您也可以通过onload事件将此作为图像html的一部分：

<img src="..." onload="myFunction()" />

这将在加载特定图像时触发myFunction，而不是在整个页面加载时触发。