列表拖拽排序功能

前几天在做项目的时候,遇到一个表格里边的数据通过上下拖拽来改变其排序方式,后来通过一阵查找,发现jquery-ui提供了sortable这个方法,甚是欢喜,在此便把我写的小demo奉上:


"en">


  "utf-8">
  "viewport" content="width=device-width, initial-scale=1">
  拖拽排序
  
  
  
  
  
  




  
    "sortable">
  • class="ui-state-default" data-id="1">Item 1
  • class="ui-state-default" data-id="2">Item 2
  • class="ui-state-default" data-id="3">Item 3
  • class="ui-state-default" data-id="4">Item 4
  • class="ui-state-default" data-id="5">Item 5
  • class="ui-state-default" data-id="6">Item 6
  • class="ui-state-default" data-id="7">Item 7
  • class="ui-state-default" data-id="8">Item 8
  • class="ui-state-default" data-id="9">Item 9

其文档地址为:http://api.jqueryui.com/sortable/#entry-examples

转载于:https://www.cnblogs.com/xiaoyaoxingchen/p/9926206.html

你可能感兴趣的:(列表拖拽排序功能)