jQuery中的图像预加载函数

Question

我正在使用以下函数在我的网站中预加载图像：

$.fn.preload = function() {
  this.each(function() {
    $('<img/>')[0].src = baseurl + '/assets/images/' + this;
  });
};

如果我使用多个图像调用它，则一切按预期工作：

$(['img01.jpg', 'img02.jpg', 'img03.jpg']).preload();

但是，如果我只用一个图像调用它，则会出现以下错误：

类型错误： $（...）。预加载不是函数 $（function（） { $（['img01.jpg']）.preload（）;});

对我做错了什么有什么想法吗？

提前谢谢。

Answer 1

请检查这个jsFiddle，我正在从网页加载图像...

$(document).ready(function () {
    $.fn.preload = function () {
        this.each(function () {
            debugger;
            $('img')[0].src = this;
        });
    }
    $(['http://datastore04.rediff.com/h1500-w1500/thumb/69586A645B6D2A2E3131/pvwbsmbfdegzorwo.D.0.Holi-Wallpapers-Images.jpg']).preload();
});