jQuery UI Draggable + Sortable 结合使用(实例讲解)

工作中需要将一个左边的设计好的控件，拖拽到右边的面板中，同时保持右边面板中的控件自由排序，这时候就需要及支持拖拽又支持排序的操作了，

Demo截图：从左边控件拖到右边区域

代码段：

Html 代码：

  
  
  
  
  
 
  
  
 
  
  
 


  
    
      
 
   
     left-test1
   
   
     left-test2
   
   
     left-test3
   
 
      
      
 
   
     test1
   
   
     test2
   
   
     test3
   
 
      
    
  

以上这篇jQuery UI Draggable + Sortable 结合使用(实例讲解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。