交换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) ; 
     } 
    }); 
});