2019-05-30 Ready-three 关于拖拽排序问题 （采用jQuery ui里面的拖拽排序）

先引入

//jq文件

//jq ui文件

html文件

 

        

            item1
            

                
1
                
2
                
3
                
4
                
5

            
        
        
Item 2

                

                        
1
                        
2
                        
3
                        
4
                        
5
        
                    
        
        
Item 3

                

                        
1
                        
2
                        
3
                        
4
                        
5
        
                    
        
        
Item 4
                

                        
1
                        
2
                        
3
                        
4
                        
5
        
                    
        
    
    

css文件

  #sortable {
            list-style-type: none;
            margin: 0;
            padding: 0;
            width: 20%;
            cursor: pointer;
        }

        #sortable li {
            margin: 0 3px 3px 3px;
            padding: 0.4em;
            padding-left: 1.5em;
            font-size: 1.4em;
            /* height: 18px; */
        }
        ol{
            list-style: none;
            display: none
        }       

js文件

 $(function () {
            $("#sortable").sortable();//开启拖拽方法
            $(".ol").sortable();
            $("li").click(function(){
                console.log($(this).index());
                return false    
            })
            
            $("#sortable>li").click(function(){
                $(this).find(".ol").slideToggle()
            })
            
        });

其他参数可参考！https://www.cnblogs.com/jiangtuzi/p/3758389.html