双击从画布中删除图像

Question

我正在将图像从工具栏拖放到画布上，然后在画布中移动它。目前我可以从工具栏多次将单个图像加载到画布上，如下面的链接所示.

http://jsfiddle.net/gkefk/22/

我想添加当用户双击该特定图像时从画布中删除该图像的特定副本的功能。为此，我在双击时触发了一个 jQuery 事件。

$("#image").dblclick(function(){
layer.remove();
});

即使我双击图像的特定副本，该特定副本也不会从画布中删除。我不明白我做错了什么..请帮助

包含 jQuery 事件的小提琴链接

http://jsfiddle.net/gkefk/23/

Answer 1

更新了您的小提琴以使其正常工作：

image.on('dblclick', function() {
    image.remove();
    layer.draw();
});

http://jsfiddle.net/gkefk/26/

您必须为图像的每个副本添加一个事件处理程序，而不是信任 jQuery 来动态执行此操作。

您的 jQuery 调用在文档加载时执行一次（同时不存在 id 为“image”的元素），之后没有任何效果。另请注意，在多个动态元素上使用静态 ID 并不是一个好主意，因为 ID 必须是唯一的。