jquery中的图像预加载功能

Question

我正在使用以下功能在我的网站中预加载图片：

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

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

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

但如果我用只用一个图像调用它，我会收到以下错误：

  

TypeError：$（...）。preload不是函数$（function（）{   $（[ 'img01.jpg']）预加载（）; }）;

关于我做错了什么的想法？

提前致谢。

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();
});