javascript - JS 预加载图片错误

Question

我创建了一个数组，其中包含我页面上所有图像的 URL，然后我将这个数组发送到一个函数，该函数依次加载每个图像。然后页面加载布局。但是我收到错误:

Uncaught TypeError: object is not a function

非常感谢任何帮助

JS :

$(document).ready(function () {
    preLoadImages();
    useIsotope();
});

function useIsotope() {
    var $container = $('#work').isotope({
        filter: "*"
    });

    $('#control ul li a').click(function () {
        var selector = $(this).attr('data-filter');
        $container.isotope({ filter: selector });
        return false;
    });
}

function preload(arrayOfImages) {
    $(arrayOfImages).each(function () {
        $('<img/>')[0].src = this;
    });
}

function preLoadImages() {
    var imageArray = new Array();
    $('.imgWrapper a img').each(function (index) {
        imageArray.push(this.src)
    });
    console.log(imageArray)
    preLoad(imageArray) // HERE IS THE ERROR
}

Answer 1

使用 preload(imageArray) 而不是 preLoad(imageArray)。

JavaScript 区分大小写。 ( source )