Question

我需要为我网站上的页面创建一个拖放功能，允许用户（登录后）将他们喜欢或喜欢的图片拖到一个“壁橱”中。他们做的。我一直在尝试Jquery可拖动，但这并不是我希望它如何工作。

它基本上就像您尝试将文件拖入回收站时一样。

我希望将图像放入垃圾箱后消失。
我希望系统知道我放入了多少图像。

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

Answer 1

你需要的是配置你的可拖动对象以恢复无效，你的droppable只接受一个可拖动的对象，然后在你可以执行一个函数并做你想做的任何事情，

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

在Jquery / HTML上实现拖放功能

1 个答案: