工作原理:我正在尝试用Jquery/Ajax创建一个即时上传函数。当用户双击图像时,会显示一个Fancybox,其中包含上载字段。在选择图像之后,图像被上传,并且被点击的图像的来源被立即改变。
问题:当一个页面上有多个图像时,有时另一个图像会被新图像替换(随机)。
代码:
function uploader(thumb) {
new AjaxUpload('imageUpload', {
action: 'uploader.php',
name: 'file',
onComplete: function(file, response) {
thumb.attr('src', response);
$.fancybox.close();
}
});
}
$("img").dblclick(function(){
var img = $(this);
$.fancybox({
href: '#imageUpload',
overlayShow: true
});
uploader(img);
return false;
});
我尝试过的:当我提醒应该替换的图像的ID时,它总是提醒图像的正确ID。但它仍然替换了另一个图像。
谨致问候,Bo
获取对单击图像的引用的方式并不好。您应该从传递给处理程序的事件对象中提取单击的元素。
$('img').dblclick(function(event) {
var img = $(event.target);
...
});