使用哪个拖放？ jQuery 可拖动 droppable 还是 HTML5 原生拖放？或者其他？ [关闭]

Question

我们正在开发一个名为 ucraft.me 的拖放式 CMS。它基于 Laravel + EmberJS + jQuery + Greensock(GSAP)。

想象一下它的工作方式如下：

1. 有一个带有左侧面板的空白页面，您可以在其中使用不同的模块来制作页面。例如，标题、按钮、图像、滑块、视频等......
2. 白页基于一个网格，最多可以有 4 个模块。

现在假设我们有一个模块 - 按钮，位于全宽行 (span12) 的中心，现在我们决定删除另一个模块，如 Title，它将当前行拆分为 span6 - span6。目前我们使用jQuery draggable droppable，计算所有的可放置区域并让用户放置某些元素。

谁能推荐一个更好的拖放库来实现这个，有没有人有类似的经验？你认为 jQuery draggable-droppable 是在站点构建器中实现拖放功能的好选择吗？性能好不好？

还是应该使用 HTML5 原生的拖放库？

谢谢！！

Answer 1

这篇文章可能有用：https://medium.com/delightful-ui-for-ember-apps/ember-js-and-html5-drag-and-drop-fa5dfe478a9a - 利用 ember 提供的拖放事件。