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

不是真正的答案。但是更改页面布局后问题就消失了。不要以为我现在就可以解决原因。

在jquery live event handler中加载缓存的图像？

2 个答案: