交换2张图片 - javascript / jquery

Question

我想要做的是当其中一个图像字母被拖到绿色框上时，他们的位置被交换而不影响其他图像的位置，有人可以帮助我如何实现这一目标吗？

这是代码 - http://jsfiddle.net/kommandoss/YuRpU/28/

谢谢

Answer 1

如果它足以改变图像src： http://jsfiddle.net/rhtjr/

$(document).ready(function() {
    $(".circles").draggable({
        revert: true
    });

    $(".circles").droppable({
        accept: '.circles',
        drop:function(e,ui){
            var x = $(ui.draggable).attr('src');
            $(ui.draggable).attr('src',$(this).attr('src'));
            $(this).attr('src',x)  ;
        }
    });
});