引入js：http://www.sortablejs.com/index.html

HTML：

<div class="menu-AS" id="AS">
    <a href="javascript:;">11</a>
    <a href="javascript:;">22</a>
    <a href="javascript:;">33</a>
    <a href="javascript:;">44</a>
    <a href="javascript:;">55</
 
a>
    <a href="javascript:;">66</a>
</div>

Js：兩種方式都可用。

<script src="js/Sortable.min.js"></script>

var sortable = new Sortable(AS, { });


Sortable.create(document.getElementById('AS'), {
           animation: 150, //動畫引數
           onAdd: function (evt) {   //拖拽時候新增有新的節點的時候發生該事件
 

                console.log('onAdd.foo:', [evt.item, evt.from]);
           },
           onUpdate: function (evt) {  //拖拽更新節點位置發生該事件
                console.log('onUpdate.foo:', [evt.item, evt.from]);
           },
           onRemove: function (evt) {   //刪除拖拽節點的時候促發該事件
                console.log('onRemove.foo:', [evt.item, evt.from]);
           },
           onStart: 
 
function (evt) {  //開始拖拽出發該函式
                console.log('onStart.foo:', [evt.item, evt.from]);
           },
           onSort: function (evt) {  //發生排序發生該事件
                console.log('onSort.foo:', [evt.item, evt.from]);
           },
           onEnd: function (evt) { //拖拽完畢之後發生該事件
                console.log('onEnd.foo:', [evt.item, evt.from]);
           }
      });