实时 HTML5 灰度

Question

我需要将此脚本用于网站画廊： http://webdesignerwall.com/tutorials /html5-grayscale-image-hover/

这对于已加载的图像非常有用：

   $(window).load(function(){
                $('.item img').each(function(){
        this.src = grayscale(this.src);
        });
    });
function grayscale(src){ //blabla };

问题是我使用 ajax 加载下一个图像，并且效果不会应用于新的 ajax 元素。

谢谢你！

如果我成功加载函数，效果将覆盖现有的灰色图像！

Answer 1

在 AJAX 成功回调时调用该方法：

function foo(){
    $('.item img').each(function(){
    this.src = grayscale(this.src);
    });
}

$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: foo,
  dataType: dataType
});