javascript - bootstrap和interact.js之间的冲突

Question

我正在尝试使用 interact.js 插件通过 bootstrap 进行拖放。这是可行的，但是当我在导航中放置一个可拖动的框时，它就停止工作了。

为了更好地理解: https://jsfiddle.net/4ddoqcpj/

“Beat-TEST”效果很好，但另一个(在导航中)会下降并且不会留在拖动区域。

有人可以帮助我吗？请!这是学校用的，但我的老师不知道如何使用 Bootstrap 等等......

Answer 1

首先你有这样的配置:

accept: '#yes-drop',

通常 id 在页面上仅使用一次，您有多个具有相同 id 的元素。我建议接受 .draggable 类。

现在对于这个问题，您在配置中指定restriction: "parent"。如果您删除其他元素，则可以像您期望的那样删除。