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

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

我正在尝试使用 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/

相关文章:

javascript - 将拖放文件发送到输入类型文件元素

javascript - 如何使一个图像不可拖放到另一个图像上

javascript - 即使更改了哈希,如何在网页中单击浏览器后退按钮时返回上一页?

javascript - 将值推送到 html 并再次从 JS 中获取

javascript - 附加到预先输入

html - 垂直多个 Bootstrap 进度条

twitter-bootstrap - 当父 div 的宽度为 :80vw 时,如何设置设备宽度为 100vw 的子 Div

jquery - Bootstrap 3.3.x,折叠时如何获得导航栏菜单项的正确顺序?

Java 在列表中拖放图像

javascript - 更改标签颜色的问题