我知道在Stackoverflow中有很多这样的东西,但是在最近版本的jquery(1.10.2)中,我没有找到适用于我的。
我试过:
$(“。lazy”)。load(function(){}
但是我相信在jQuery 1.8中,使用.load进行了一些研究,以检测图像负载已被弃用。我需要做的是一旦加载图像,就会启动图像调整大小功能。我没有控制权
HTML,目前我不得不通过jQuery附加一个属性(通过.attr())添加图像尺寸一次页面加载,以便我可以使用lazyload js。
问题是,我需要一个准确的方法来阻止我的各种脚本,直到图像已经正确加载,否则这些功能有时会在每个图像加载之前触发。我试过使用$(window).load(function(){});然而,有时在每个图像加载之前仍然会触发。
解决方法
我通常这样做:
var image = new Image(); image.onload = function () { console.info("Image loaded !"); //do something... } image.onerror = function () { console.error("Cannot load image"); //do something else... } image.src = "/images/blah/foo.jpg";
请记住,加载是异步的,因此您必须在onload和onerror事件中继续执行脚本。