Jquery img 预加载在 FireFox 中不起作用

Question

我最近做了一个小的 jQuery sn-p，它允许我显示一个正在加载的 img，直到真正的图像被加载。

sn-p 似乎适用于 Safari、Chrome 但不适用于 FireFox。

FireFox 只显示一个loading alt 并且从不切换到加载的图像。

这里是sn-p

var loading = $('<img src="/media/ajax-loader.gif" alt="loading" />');
    $('.thumbnail').each(function(){
        var loadIMG = loading.clone();
            $(this).after(loadIMG).load(function(){
                $(this).fadeIn('fast');
                loadIMG.hide();
        }).hide();
    });

有什么想法吗？

Answer 1

你还没有说 FF 到底发生了什么，但下面可能是问题之一。来自jquery documentation

可能是加载事件 如果图像是不会触发的 从浏览器缓存加载。到 考虑到这种可能性，我们可以 使用触发的特殊加载事件 如果图像准备好了，立即。 event.special.load 当前是 可作为插件使用。

这是插件的link。

编辑：

根据加载事件中的 cmets，尝试以下操作：

$('.thumbnail').each(function(){
        var loadIMG = loading.clone();
            $(this).after(loadIMG).load(function(){
                $(this).fadeIn('fast');
                loadIMG.hide();
        }).hide();
        if (this.complete) $(this).trigger("load");
});

当然，插件似乎在处理其他一些场景的同时也在做同样的事情。