Javascript JQuery拖放

Javascript JQuery拖放,javascript,jquery,drag-and-drop,Javascript,Jquery,Drag And Drop,我希望创建一个界面来选择多个答案使用拖放,而不是复选框附近的答案。用户可以选择两种答案(真实答案和假答案)。用户在回答页面上有两张图片(真假)。用户可以将图像拖放到选定答案附近。可以通过移动“图像并放置在其他答案上”来更改选择 我在所有答案附近都使用了“用图像格式化的div”,所以用户可以将图像(即假图像或真图像)放到这个“div”上 我使用JQuery移动“图像”并将其放到“div”上。现在,我需要将代码添加到“div”(即用于保存图像的容器)中,以识别哪个“图像放置在其上”,即“假”或“真”

我希望创建一个界面来选择多个答案使用拖放,而不是复选框附近的答案。用户可以选择两种答案(真实答案和假答案)。用户在回答页面上有两张图片(真假)。用户可以将图像拖放到选定答案附近。可以通过移动“图像并放置在其他答案上”来更改选择

我在所有答案附近都使用了“用图像格式化的div”,所以用户可以将图像(即假图像或真图像)放到这个“div”上


我使用JQuery移动“图像”并将其放到“div”上。现在,我需要将代码添加到“div”(即用于保存图像的容器)中,以识别哪个“图像放置在其上”,即“假”或“真”

现在,您的代码使
#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"
        }
    });
});

现在,您的代码使
#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"
        }
    });
});

密码请。。。代码请……:如果你需要在两者之间划一条线,只需看我的问题和我自己的答案:)代码请。。。代码请……:如果你需要在两者之间划一条线,只要看看我的问题和我自己的答案:)是的,他发布的页面()包括它。是的,他发布的页面()包括它。