HTML轻松（和触摸兼容）拖放？

Question

＆＃13;

＆＃13;

   GDP
6  8   # <- gdp_val
7  2   # <- gdp_val_1
8  3   # <- gdp_val_2

＆＃13;

＆＃13;

＆＃13;

当我尝试拖放移动设备时，它没有做任何事情......这是苹果特定的问题还是代码问题？它适用于PC和MAC ......我试图搜索但没有找到真正易于实现的答案（我不想重写90％的代码）

Answer 1

以下是我可以看到的一些错误：

1. 可拖动=＆＃34;真＆＃34;是一个HTML5标记，可以使元素可拖动。您附加的事件，即拖动事件（即dragstart，drag，dragenter，dragleave，dragover，drop，dragend）仅适用于启用鼠标的设备。对于触摸设备（移动/表面），您有触摸事件（即touchstart，touchmove，touchend，touchcancel）
2. 由于你正在使用jQueryUI，你应该使用draggable（）和droppable（）来检查它们的方式。我不知道为什么你用HTML浏览器的拖放方式混合HTML5。
3. Touch Punch库使用可以使用jQueryUI函数拖放的元素。
4. 我没有看到id =＆＃34; element＆＃34;在整个页面中。您附加的元素.draggable（）和.droppable（）

我发现以下链接有助于理解拖放：

1. HTML5：https://www.html5rocks.com/en/tutorials/dnd/basics/
2. jQueryUI DnD：https://jqueryui.com/draggable/（文档是自解释的。演示也很简单）
3. 基于纯JS的拖放：https://github.com/lukasolson/drag-n-drop-js

希望有所帮助