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