Javascript Jquery增加可拖放捕捉阈值，并在捕捉无法发生时重置其位置

我有这两个潜水器，两个可以用弹簧牵引，两个可以放下

我找不到或想不出执行以下操作的方法：

使两个可拖放div和两个可拖放div行为相同，而无需大量复制粘贴代码

将捕捉阈值增加到可拖动div自动移动到位的点

如果可拖放div被放置在可拖放div的内部，则需要将其重置为上次捕捉的位置\

我只是一个初学者，所以请告诉我在我的帖子中有什么错误，这样我就可以编辑它并从中学习

目的地{ 宽度：150px； 高度：150像素； 背景色：红色； } 可拖动{宽度：150px；高度：150px；背景：eee；} $function{ $draggable.draggable{snap:destination}； $destination.dropable； }; 目的地 拖我吧

目的地 拖我吧

你可以这样做

分别为可拖动目标和可拖放目标设置相同的属性，以避免复制和粘贴

使用snapMode:“内部”使可拖动div自动移动到位。而snapTolerance可以更改阈值

最后，revert:“invalid”表示如果将可拖放div放置在可拖放div的小范围内，则可拖放div将恢复到最后一个位置

如果要将draggable1对设置为droppable1，可以向droppableinit函数添加另一个属性并传递accept选项

[数据操作='Dropable']{ 宽度：150px； 高度：150像素； 背景色：红色； } [data action='draggable']{宽度：150px；高度：150px；背景：eee；} $function{ $[data action='DragTable'].DragTable{ 快照：[数据操作='Dropable']， snapMode:'内部'， 耐折度：50， 回复：“无效” }; $[data action='droppable'].可拖放{ 接受：functiondragTarget{ 返回$this.attr'data-pair'==$dragTarget.attr'data-pair'； } }; }; 命运1 拖我一程

命运2 拖动我2

---

你能解释一下data action=是什么意思吗？你为什么使用它？我正试图在javascript文档中找到它，但小luckI认为我得到了它，而不是选择每个单独的div，您只需向它添加一个标记，然后使程序仅与具有该标记的元素一起工作？数据-*只是一个要分类的属性。您可以将其用作选择器。