Javascript 双击从画布中删除图像
我正在将一幅图像从工具栏拖放到画布上,然后在画布上移动。目前,我可以从工具栏将一幅图像多次加载到画布上,如下面的链接所示 我想添加当用户双击特定图像时从画布上删除该图像的特定副本的功能。为此,我将在双击时触发jQuery事件Javascript 双击从画布中删除图像,javascript,jquery,canvas,drag-and-drop,kineticjs,Javascript,Jquery,Canvas,Drag And Drop,Kineticjs,我正在将一幅图像从工具栏拖放到画布上,然后在画布上移动。目前,我可以从工具栏将一幅图像多次加载到画布上,如下面的链接所示 我想添加当用户双击特定图像时从画布上删除该图像的特定副本的功能。为此,我将在双击时触发jQuery事件 $("#image").dblclick(function(){ layer.remove(); }); 即使我双击图像的某个特定副本,该特定副本也不会从画布中删除。我不明白我做错了什么。请帮助 指向包含jQuery事件的fiddle的链接 更新了您的小提琴,使其正常工
$("#image").dblclick(function(){
layer.remove();
});
即使我双击图像的某个特定副本,该特定副本也不会从画布中删除。我不明白我做错了什么。请帮助
指向包含jQuery事件的fiddle的链接
更新了您的小提琴,使其正常工作:
image.on('dblclick', function() {
image.remove();
layer.draw();
});
您必须向映像的每个副本添加一个事件处理程序,而不是信任jQuery来动态地执行此操作
jQuery调用只在文档加载时执行一次(不存在id为“image”的元素),之后不起作用。还请记住,在多个动态元素上使用静态ID不是一个好主意,因为ID必须是唯一的。请提供指向在多个动态元素上具有动态ID的小提琴的链接??最简单的方法是在初始化时使用
imageCount=0
指定一个ID,如“image”+(imageCount++)
。一般来说,我建议不要使用ID,而是在数组中保留对对象的引用。如果可能的话,请提供fiddle链接,好吗?你也可以看看这个吗??