元素拖拽排序

产品有个需求，需要将DIV拖拽排序
凭着JS插件无所不包的信念
很快就找到了

https://github.com/SortableJS/Sortable

满满的例子

https://sortablejs.github.io/Sortable/

引入库

创建div阵列

    

        
Grid Example
        

            
Item 1
            
Item 2
            
Item 3
            
Item 4
            
Item 5
            
Item 6
            
Item 7
            
Item 8
            
Item 9
            
Item 10
            
Item 11
            
Item 12
            
Item 13
            
Item 14
            
Item 15
            
Item 16
            
Item 17
            
Item 18
            
Item 19
            
Item 20
        
    

阵列添加样式

阵列添加JS

image.png