bootstrap和interact.js之间的冲突

时间:2016-02-11 16:15:00

标签: javascript twitter-bootstrap drag-and-drop interact.js

我正在尝试使用interact.js插件进行拖放操作。这样可行,但当我在导航栏中放置一个可拖动的盒子时,它就会停止工作。

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

"打-TEST"效果很好,但另一个(在导航中)下降并且不会留在拖拽区。

任何人都可以帮助我吗?请!对于学校,但我的老师不知道如何使用bootstrap和所有......

1 个答案:

答案 0 :(得分:1)

首先你有这个配置:

accept: '#yes-drop',

通常id只在页面上使用一次,你有多个具有相同id的元素。我建议接受.draggable课程。

现在针对此问题,您在配置中指定restriction: "parent"。如果你删除了其他元素可以像你期望的那样删除。