在 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/7176db676f1e0e20d7c23933f9fc655c2f120c58（原：https://github.com/peol/jquery.imgloaded/）

Answer 2

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