跟踪 jquery 拖放答案

【问题标题】：track jquery draggable dropped跟踪 jquery 拖放
【发布时间】：2014-03-06 13:52:39
【问题描述】：

我是网络编程新手，更不用说 javascript 和 jquery。但我需要创建一组可拖动对象和可放置对象（例如每个 10 个项目），并且能够识别和存储可拖动对象放置在哪个可放置对象中的位置。

假设我可以使用 (drag1, drag2, drag3...drag10) 进行拖动，并且，带有 ids (drop1, drop2, drop3... drop10) 的 droppable。

假设用户将 drag1 放到 drop2 上，drag2 放到 drop3 上，drag3 放到 drop4 上...drag10 放到 drop1 上。

我需要将一对“drag1:drop2”、“drag2:drop3”、“drag3:drop4”...“drag10:drop1”存储到数据库中。

【问题讨论】：

看看：w3schools.com/html/html5_draganddrop.asp
@Mordalthunder 不链接到 w3schools。他们是邪恶的。 Dhimant Patel 您到底需要什么帮助？创建数组/对象的 JavaScript 语法？通过多个请求持久化存储？...
我可以使用 jQuery 可拖放/可拖放 (jqueryui.com/droppable) 并创建一个包含拖放项目的页面。我只需要有关如何识别哪个“拖放”元素被拖放到哪个“拖放”元素上的帮助，因此需要“drag2：drop3”对。我可以想象当 droppable 的文本更改为“dropped”时，我需要使用 (jqueryui.com/droppable) 页面上显示的 EVENT，但无法更进一步。
为了进一步澄清，我希望能够制作像 ("drag1:drop2") 这样的拖放对并将其保存到数据库中。我可以处理 db 保存部分，但只是不知道如何收集拖放对。谢谢！

【解决方案1】：

在这个 JSFiddle 中： http://jsfiddle.net/qN8s9/1/ 你有一段代码可以获取拖放元素的 jQuery 对象。关键是drop事件处理函数：

drop: function(event, ui) {
    alert( $(this).html() );
    alert( $(ui.draggable).html()  );  
}

您需要在 drop 事件发生时触发一些额外的逻辑，以将该信息存储在您的数据库中。

希望有帮助！

【讨论】：