通过框架中的可分类的来实现拖拽排序的简单实例

1.引入文件

脚本src=' http : { sh :3360 PUb } js/jquery-1。10 .1 .量滴js '/脚本链接rel='样式表href=' Public/CSS/jquery-ui。量滴' CSS '脚本src=' http : { sh :3360 PUb } js/jquery-ui。量滴js '/脚本2 .给元素附上可分类的类

t body class=' sortable ' tr/tr/tr/t body 3 .开启并配置

$(function() { $(').可排序的')。可排序({ cursor: 'move '，items: 'tr '，//只是tr可以拖动opacity: 0.6，//拖动时，透明度为0.6 revert: true，//释放时，增加动画更新：函数（事件，ui) { //更新排序之后var categoryids=$(this).可排序(“to array”)；var $ this=$(this)；$.Ajax({ URL : ' { sh 3360: u '(AgentGoodes/Ajax '，' todo=CategorRagSort ')} ')，type: 'POST '，data : ' categoryids=' categoryids '，success 3360 function(JSON){ if(JSON==1){ layer。“msg(”移动成功，{ icon : 1 })；} else { $ this。可排序(“取消”)；layer.msg('移动失败，{ icon : 2 })；} } });} });$('.可排序的')。禁用选择()；});4.后台处理

$ categoryids=$ this-_ post(' categoryids ')；$ categoryidsArr=explode('，'，$ categoryids)；foreach($ categoryid SARS as $ k=$ v){ $ data[' sort ']=count($ categoryid SARS)-$ k；$ data[' id ']=$ v；m('代理商品_类别')-其中（数组(' id '=$ v))-保存($ data)；}退出(' 1 ');小结：这种排序，不是交换，而是彻底的整体调整

以上这篇通过框架中的可分类的来实现拖拽排序的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。