js拖动图片，改变图片顺序

可以先引入Sortable.min.js 

    <div id="container">
        <ul id="simpleList">
            <li><img src="img/1.jpg" draggable="true" alt="如何使用 JavaScript 实现图片拖拽排序功能？"></li>
            <li><img src="img/2.jpg" draggable="true" alt="如何使用 JavaScript 实现图片拖拽排序功能？"></li>
            <li><img src="img/3.jpg" draggable="true" alt="如何使用 JavaScript 实现图片拖拽排序功能？"></li>
            <li><img src="img/4.jpg" draggable="true" alt="如何使用 JavaScript 实现图片拖拽排序功能？"></li>
            <li><img src="img/1.jpg" draggable="true" alt="如何使用 JavaScript 实现图片拖拽排序功能？"></li>
            <li><img src="img/2.jpg" draggable="true" alt="如何使用 JavaScript 实现图片拖拽排序功能？"></li>
        </ul>
    </div>

        Sortable.create(document.getElementById('simpleList'), { onEnd:function(evt){
             console.log('Item dragged from index ' + evt.oldIndex + ' to index ' + evt.newIndex); 
             }
         });