在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

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