我需要为网站上的页面创建一个拖放功能,该功能允许用户(登录后)将他们喜欢或喜欢的图片拖到他们制作的“壁橱”中。
我一直在尝试可拖动的Jquery,但这不是我想要的方式。
基本上就像您尝试将文件拖到回收站中一样。
我希望将图像放进垃圾箱后消失。
我想让系统知道我放了多少张图像。
有哪些基本方法?我已经动态提取了我的图像(当用户“喜欢”图片时,它将在壁橱页面中弹出)。我需要做的就是拖放功能。
最佳答案
您需要配置可拖动对象使其恢复为无效状态,而可放置对象仅接受可拖动对象,然后在放置时您可以执行函数并执行所需的任何操作,
<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
}
});