如何检测对象是否被移动到另一个分区<div>？</div>

Question

所以基本上我正在制作一个带有RPG级别功能的待办事项列表网络应用程序。

对于你创建的todo任务，我使用jQuery允许你将任务拖到三个部门，本质上的想法是允许你对这些任务进行分类，即“待定”，“进行中”，“完成”。 / p>

因此，对于RPG部分，我想让用户获得经验，例如，他们将任务移动到“已完成”类别。

所以问题是，如何在Javascript或jQuery中检测到这种行为？ （将任务对象移动到特定的分区）

Answer 1

使用jQuery .parent()函数获取包含任务对象的<div>。

Answer 2

这取决于您将任务放入每个类别的方式。理想情况下，您需要一个onComplete / onAfter事件处理程序。如果您使用插件来处理拖放操作，请查看文档以查看它是否支持onComplete / onAfter。

所以，一个简单的方法可能是：

当onComplete / onAfter事件处理程序触发时，检查“已完成”列表的长度是否增加了1。如果是这样，奖励经验。

还有其他方法可以做到这一点，但通常你想听听当你移动任务时发生的某种事件。