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