使用哪种拖放操作?jQuery可拖放还是HTML5原生拖放?或者其他的

Which drag and drop to use? jQuery draggable droppable or HTML5 native drag-and-drop? or maybe other?

本文关键字：拖放 HTML5 原生 其他 或者 jQuery 操作      更新时间：2023-09-26

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

想象它是这样工作的:

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

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

有人可以推荐一个更好的拖放库来实现这一点，有没有人有类似的经验?你认为jQuery拖拽是在网站构建器中实现拖放功能的好选择吗?它的性能好吗?

或者我们应该使用HTML5原生拖放库?

谢谢! !

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

相关文章：