可拖动的块彼此粘在一起

Question

以下是codepen上的sample。

我在后端使用rails应用程序和mongoDB，在前端使用jquery和 Draggabilly 库。

每次触发dragEnd或focusout事件时，app都会尝试通过ajax请求将卡数据保存到数据库。如果出现错误，则返回422代码状态，并显示错误消息，并显示在警报中。

在该示例中，我模拟了来自应用的错误消息，以便在从新卡的输入中触发focusout时始终显示警报。

问题：

1. 添加新卡
2. 写一些测试名称
3. 然后点击其他卡片以触发focusout
4. 点击提醒
中的“确定”
5. 点击返回之前添加的卡片

如您所见，两张卡相互粘贴 。 有关如何避免胶水效果的任何建议吗？

Answer 1

解决方案是在任何输入聚焦时禁用所有可拖动元素进行拖动。并在ajax请求成功时启用它们。