javascript - JavaScript 中的元素排序

Question

我有一个可以拖放的节点列表。

<ul id="container">
<li id="item_1">Item 1</li>
<li id="item_2">Item 2</li>
<li id="item_3">Item 3</li>
<li id="item_4">Item 4</li>
<li id="item_5">Item 5</li>
<li id="item_6">Item 6</li>
</ul>

我可以单击 #item_5 并将其拖到 #item_2 上方并“放置”， 我可以返回源 (#item_5) 和掉落在 (#item2) 上的项目

如何在目标 (#item_2) 之前插入掉落的项目 (#item_5)，然后 将第 2 项后的每个节点调整回一个位置？我需要有关执行此任务的方法的帮助

例如

function movebefore(a, b) {...}

(请假设不能使用 jQuery 等 JavaScript 框架)

实际代码: http://jsfiddle.net/danmasq/BkNAF/

Answer 1

dropNode 是放置目标
DragNode是被拖动的节点
你提到你两者都可用。

var movebefore = function( dragNode , dropNode ) {

    dropNode.parentNode.insertBefore( dragNode , dropNode );

}