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

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

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

jQuery UI Draggable + Sortable 结合使用(实例讲解)_第1张图片

代码段:

Html 代码:




  
  
  
  
  
 
  
  
 
  
  
 


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

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

你可能感兴趣的:(jQuery UI Draggable + Sortable 结合使用(实例讲解))