jquery - 如何使用 jQuery 逐个加载文件

Question

我有很多类型的文件，比如图片、音频、视频、文字……我想一一加载这些文件。例如:对于图像，我想在完成上一张图像后加载下一张图像。我怎样才能用 jQuery 做到这一点？我尝试使用

$('img').load(function () {})

我有一个数组。我该怎么做？

Answer 1

你可以做这样的事情。

var images = ['img1.png', 'img2.png', 'img3.png'];

function loadImages() {
    if(!images.length)
        return;

    $('<img />', {
        src: images.splice(0, 1),
        onload: loadImages
    }).appendTo('#imgContainer');
}

<强> JSFiddle

这将在数组中的前一个图像加载后将每个图像附加到 #imgContainer。