小编Ana*_*ary的帖子

HTML5 UL LI可拖动

我有一个无序列表:

  • 清单项目1
  • 清单项目2
  • 清单项目3
  • 清单项目4
  • 清单项目5

使用此代码实现:

<ul>
  <li>List item 1</li>
  <li>List item 2</li>
  <li>List item 3</li>
  <li>List item 4</li>
  <li>List item 5</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

现在,我希望它可以拖延.例如,如果我向上拖动"列表项目5",我可以将它放在"列表项目2"和"列表项目3"之间,它将成为第三个.

我想在没有jQuery的情况下这样做,只需简单的Javascript.另外,我想使用原生HTML5 draggable ="true".任何帮助,将不胜感激.

html5 drag-and-drop draggable html-lists

15
推荐指数
3
解决办法
5万
查看次数

标签 统计

drag-and-drop ×1

draggable ×1

html-lists ×1

html5 ×1