JQuery的拖放

Question

我希望創建一個界面來選擇多個答案使用拖動&刪除而不是靠近答案的CheckBox。用戶可以選擇兩種類型的答案（真實答案和假答案）。用戶在答案頁上有兩個圖像（對於真實&虛假）。用戶可以拖動圖像並靠近選定的答案。可以通過移動「圖像並放下其他答案」來改變選擇。

我已經在所有答案附近使用了「格式化爲圖像的div」，因此用戶可以通過此「div」刪除圖像（即僞造或真實圖像）。

我已經使用JQuery來移動「圖像」，並放在「div」。現在我需要將代碼添加到「div」（即用於容納圖像的容器）中，以確定哪個「圖像位於其上」，即「假或真」。

Answer 1

現在，您的代碼使#move1和#move2可拖動，但沒有任何可拖拽。試試這個：

$(document).ready(function(){ 
    $('#move1').draggable(); 
    $('#move2').draggable(); 
    $('form div').droppable({ 
     drop: function(e, ui) { 
      alert(ui.draggable[0].id + ' dropped on ' + this.id); 
      //example alert: "move1 dropped on name2" 
     } 
    }); 
});