js自由拖拽来排序的功能案例

在日常项目中,标签的拖拽移动来进行排序的功能还是比较常用的,因最近项目有一个需求 “拖拽菜单进行排序”,
在网上也查了相关案例吧,基于别人的一个拖拽函数;在其基础上进行应用;

我们先来看看需求,如【微信公众号后台——自定义菜单】里面的菜单排序排序的功能;
js自由拖拽来排序的功能案例_第1张图片

好的,需求明了~
开始我的代码编写,编写了一个比较易懂的案例,然后大家可以根据自己的结构进行套用,先看看我的效果:
js自由拖拽来排序的功能案例_第2张图片
html结构:

js-jq自由拖拽排序案例

  • 模块A
  • 模块B
  • 模块C
  • 模块D
  • 模块E
  • 模块F
  • 模块G
  • 模块H
  • 模块I
  • 模块J
  • 模块K
  • 模块L

css样式


js方法





完整代码可以访问本人github:https://github.com/xiexikang/js-drag-menu

你可能感兴趣的:(javascript)