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" 
     } 
    }); 
});