jQuery基于排序功能实现上移、下移的方法

前端之家收集整理的这篇文章主要介绍了jQuery基于排序功能实现上移、下移的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了jQuery基于排序功能实现上移、下移的方法分享给大家供大家参考,具体如下:

效果

思路,

跟相邻元素,互换sort。

前提是每一个元素都有自己的sort值,不为零。

点击,触发up方法,down方法

获取当前id。

通过jQuery,获取相邻的元素。

这里用到了几个jQuery方法,prev(),next(),before(),after()。以及效果,fadeOut(),fadeIn()。以及一些简单的逻辑判断和技巧。

PHP后台处理,

_post('current_id','trim'); $exchange_id = $this->_post('exchange_id','trim'); $current_sort = $mallShopModel->where(array('id'=>$exchange_id))->getField('sort'); $exchange_sort = $mallShopModel->where(array('id'=>$current_id))->getField('sort'); $cdata['id'] = $current_id; $cdata['sort'] = $current_sort; $cres = $mallShopModel->save($cdata); $edata['id'] = $exchange_id; $edata['sort'] = $exchange_sort; $eres = $mallShopModel->save($edata); if ($cres !== FALSE && $eres !== FALSE){ exit('1'); } else { exit('2'); }

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》、《》、《》、《》及《

希望本文所述对大家jQuery程序设计有所帮助。

猜你在找的jQuery相关文章