div层在一般情况下不能拖动，可以有方法写拖动，但是很麻烦，我们可以使用插件jquery.dad.min.js；比较简单使用便捷灵活，不需要太多的引用，找不到的可以联系我哦，可以拖动之后就是获取数据了，怎么把数据输出，是个问题
工具/原料
1
dad插件
2
数据的遍历组合拆分
方法/步骤
1
自己写的样式定义的内容，其中默认五个模块，自己定义每个模块的内容用input和文本域输入；选定按钮就是点击之后把调整好的模块数据组合放在一起
2
自己定义的模块内容，这里使用tp框架就使用里面的for标签循环，也可以用原生的。循环五个就不用在页面定死了；因为模块内容一样就可以使用，拖动的方法也可以简单
3
加载拖动的样式和js之后，只需要定义大的框架就可以了，在里面的内容定义需要拖动的模块，里面有方法写的定义哪个标签拖动
4
如图所示，解释的比较清楚了，是点击选定之后的效果，大概是，获取模块个数进行变量，在便利里面获取各个值，在进行用符号组合拆分，最后优化去掉多余字符，传值到隐藏input保存数据以便提交
6
输入数据库内容之后遍历，分两次遍历，第一次，变量模块，获取到模块相应遍历出来，第二次遍历就把内容遍历出来，里面的值分别对应下班输出；
7
效果图，遍历出来的内容，可以拖动排序，拖动之后选定在此重新赋值就可以传到数据库了
注意事项
1
注意组合拼接的时候使用的字符串尽量不要被人写重复去定义
2
拆分的时候按模块喜欢两次
3
其实模块还考虑可以做增加删除，有时候再写一下吧
4
拆分效果都一样的，页面也是这样放方法拆分
上一篇：iTunes怎么用?
下一篇：C++中namespace的使用