
在我之前的文章中,我们讨论了使用jsPlumb库启用拖放功能。 最近,我偶然发现了interact.js JavaScript库,发现它与jsPlumb一样友好。
以下是两者的简短比较。

此处未提供上述详细信息,以使任何一个都优于另一个。
但是,以我自己的经验,我将jsPlumb中某些元素的拖放功能与interact.js中一个元素的拖放功能融合到了我的项目中。 但是,在一个函数中同时使用两个库时,唯一需要考虑的问题是与jsPlumb的drag函数和interact.js相互覆盖相关的问题,产生了意外的效果,需要使用其他方法手动处理。 就我而言,我删除了在该上下文中考虑的元素上强制实施的jsPlumb的可拖动对象,并仅对此特定实例启用了interact.js的可拖动对象。
这是一个示例,说明了如何将interact.js包含在实现拖放,调整大小功能中。
可拖动功能

可调整大小的功能

在这里,“ .partitiondrop ”是元素的类,我需要在其上实施前面的函数。 在代码本身中,大多数解释都以注释形式提供。
始终欢迎您参考有关interact.js库的更多信息。