在 jquery 实时事件处理程序中加载缓存图像？

Question

我已经阅读了 jQuery 的加载方法不在缓存图像上触发的各种解决方法（重置 src，使用 .complete）。但我在以下 live 活动中实际实现它们时遇到了困难。缓存的图像仍然无法加载。

    $('img.img-thumbs').live('click', function() {
        $('#loader').fadeOut(500, function() {
            $(this).empty();
            $(this).removeClass().addClass("loading visible");
            $(this).fadeIn(500);                      
        });                
        var url = ($(this).attr('src')).replace("thumbs", "content");
        var _img = new Image();
        $(_img).one("load", function() {
            $('#loader').fadeOut(500, function() {
                $(this).removeClass().addClass("loaded visible fadeMe").append($(_img));
                $(this).fadeIn(500);
            });
        }).attr('src', url);
    });  

感谢您的任何建议！

Answer 1

你尝试过这个小插件吗？ —

https://gist.github.com/797120/7176db676f1e0e20d7c23933f9fc655c2f120c5 8（原来：https://github.com/peol/jquery.imgloaded/）

Answer 2

不是真正的答案。但更改页面布局后问题就消失了。别以为我现在会费心去弄清楚为什么。