我正在尝试使用 interact.js
插件通过 bootstrap 进行拖放。这是可行的,但是当我在导航中放置一个可拖动的框时,它就停止工作了。
为了更好地理解: https://jsfiddle.net/4ddoqcpj/
“Beat-TEST”效果很好,但另一个(在导航中)会下降并且不会留在拖动区域。
有人可以帮助我吗?请!这是学校用的,但我的老师不知道如何使用 Bootstrap 等等......
最佳答案
首先你有这样的配置:
accept: '#yes-drop',
通常 id 在页面上仅使用一次,您有多个具有相同 id 的元素。我建议接受 .draggable
类。
现在对于这个问题,您在配置中指定restriction: "parent"
。如果您删除其他元素,则可以像您期望的那样删除。
关于javascript - bootstrap和interact.js之间的冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35344467/