我需要为网站上的页面创建一个拖放功能,该功能允许用户(登录后)将他们喜欢或喜欢的图片拖到他们制作的“壁橱”中。
我一直在尝试可拖动的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
        }
});

10-07 13:32
查看更多