每当DOM被更改时如何重新初始化插件？

Question

我的代码是动态地将img标记插入到页面上的div中。

我正在使用Cropper插件尝试裁剪此图片。插件本身并不重要 - 我可以同样使用JCrop。

要在已经在DOM中的图像上使用Cropper，请执行以下操作：

HTML：

<div id="files">
 <img src="path/to/img" />
</div>

JS：

$("#files > img").cropper({
  autoCropArea: 0.6, // Center 60%
});

当图片已存在于#files div中时，这很好。但我使用ajax（）调用动态添加图像到我的服务器。我知道我需要委托，但我不了解如何委派整个插件？

我假设是这样的：

$(document).on("change", "#files > img", function(){
$(this).cropper({
      autoCropArea: 0.6, // Center 60%
    });
});

但它似乎并没有起作用。有什么想法吗？