在Jquery/HTML上实现拖放功能

我需要为我的网站上的页面创建一个拖放功能，允许用户（一旦登录）将他们喜欢或喜欢的图片拖动到他们制作的“壁橱”中。 我一直在尝试jquerydraggable，但这不是我想要的工作方式

这基本上就像你试图把一个文件拖进回收站

• 一旦我把图像放进垃圾箱，它就会消失
• 我想让系统知道我在里面放了多少图像

---

这方面的基本方法是什么？我已经动态提取了我的图片（当用户“喜欢”一张图片时，它会在壁橱页面中弹出）。我所需要的就是让这个拖放功能正常工作。

您需要的是配置您的可拖放对象，使其在无效状态下还原，并且您的可拖放对象仅接受可拖放对象，然后在拖放时，您可以执行一个功能并执行任何您想要的操作

<div id="my-draggable"></div>


<div id="my-droppable"></div> 
<script>
    $("#my-draggable").draggable({ revert: "invalid" });
    $("#my-droppable").droppable({ 
        accept: "#my-draggable",
        drop: function( event, ui ) {
            //do whatever you want in here
        } 
});

$（“#我的拖动”）.draggable（{revert:“invalid”}）；
$（“#我的可拖放”）。可拖放（{
接受：“#我的拖拉”，
drop：函数（事件、用户界面）{
//在这里你想干什么就干什么
} 
});