我有一个列表：拖放HTML5元素和JavaScript的问题

<ol class="list" id="drag-list"> 
    <li data-itemid="01" draggable="true"> 
     <span class="dragger">span> 
     <span>01 - Lorem ipsum dolor sit amet.span> 
    li> 
    <li data-itemid="02" draggable="true"> 
     <span class="dragger">span> 
     <span>02 - Lorem ipsum dolor.span> 
    li> 
    <li data-itemid="03" draggable="true"> 
     <span class="dragger">span> 
     <span>03 - Lorem ipsum dolor sit amet, consectetur adipisicing elit.span> 
    li> 
    <li data-itemid="04" draggable="true"> 
     <span class="dragger">span> 
     <span>04 - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet aliquam dolore totam, labore, voluptate delectus?span> 
    li> 
    <li data-itemid="05" draggable="true"> 
     <span class="dragger">span> 
     <span>05 - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo, soluta.span> 
    li> 
ol> 

现在我需要重新安排使用HTML5拖拽李成员“东经下降。

我的问题是，在新位置释放从未发生。我甚至想用这个例子，但它并没有为我工作：

https://html.spec.whatwg.org/multipage/dnd.html#event-drag

这里，我离开你我的完整的工作（和错误的）代码的jsfiddle。请你帮助我。

https://jsfiddle.net/junihh/vrg7oj2w/