Javascript 相互粘合的可拖动块

这是密码笔上的密码

我在后端使用rails应用程序和mongoDB，在前端使用jquery和可拖动的库

每次触发

dragEnd

或

focusout

事件时，应用程序都会尝试通过ajax请求将卡数据保存到DB。如果出现错误，它将返回422代码状态和错误消息，并显示在警报中

在该示例中，我模拟了来自应用程序的错误消息，以便在从新卡中的输入触发

focusout

时始终显示警报

问题:

添加新卡

写一些测试名称

然后单击其他卡以触发

focusout

在警报中单击“确定”

单击返回到先前添加的卡

正如你所看到的，两张卡片是粘在一起的。

---

有什么建议可以避免粘滞效应吗？

解决方案是在任何输入集中时禁用所有可拖动元素以进行拖动。当ajax请求成功时，将其重新启用。

您在哪个浏览器中遇到此问题？linux（ubuntu 14.04 x64）和windows（7 x64）上的chrome最新版本