javascript - 使用不带参数的 jQuery .load() 来预加载图像？

Question

我在 jQuery 插件 ( http://osvaldas.info/examples/image-lightbox-responsive-touch-friendly/imagelightbox.js ) 中看到这段代码，声明它会在灯箱中预加载下一张图片。

if( options.preloadNext )
{
    var nextTarget = targets.eq( targets.index( target ) + 1 );
    if( !nextTarget.length ) nextTarget = targets.eq( 0 );
    $( '<img />' ).attr( 'src', nextTarget.attr( 'href' ) ).load();
} 

我从未见过没有任何参数的 .load()。根据 jQuery 源代码，如果 url 参数为空，则执行 apply(ths, arguments)。但是，由于没有参数，.load() 在这个实例中做了什么？这还不足以告诉浏览器尝试预加载图像吗？

 $( '<img />' ).attr( 'src', nextTarget.attr( 'href' ) ) 

Answer 1

load()方法重载；都是a function to load a resource into an element (通过 AJAX)，它也是 a deprecated way to set/fire the "load" event handler在一个元素上。

在这种情况下，正在使用事件处理程序加载版本，所有代码正在做的是triggering the "load" event on the <img /> element。 (无论图像是否已实际加载)。

http://jsfiddle.net/Js8s2/

... 所以是的，只需设置 src 就足够了属性并让浏览器完成剩下的工作。