前端開發之jq+php點擊上下按鈕修改排序

　　一，前端代碼：

　　tdclass=am-text-middleedit_upattr_url={：U('site_order')}attr_id={$item.category_id}

　　二.通過jq加載html

　　$(.edit_up).each(function(){

　　varid=$(this).attr('attr_id');//獲取提交的id

　　varurl=$(this).attr('attr_url');//獲取提交地址

　　varhtml='aclass=am-btnam-btn-smam-btn-defaultam-radiustitle=點擊向上移動onclick=edit_order(this，\''+id+'\'，\''+url+'\')attr-to=upspan class=am-icon-arrow-up/span/aaclass=am-btnam-btn-smam-btn-defaultam-radiustitle=點擊向下移動onclick=edit_order(this，\''+id+'\'，\''+url+'\')attr-to=downspan class=am-icon-arrow-down/span/a';

　　$(this).html(html);

　　});

　　前端是樣式如圖（具體樣式自定）：

　　三.Jq提交后臺并改變列表的順序

　　functionedit_order(obj，t，id，url){

　　varto=$(obj).attr(attr-to);//獲取是向上還是向下

　　varurl=url+？i=+id+to=+to+ajaxedit=1;//提交地址；

　　varthat=$(obj)

　　$.ajax({

　　url：url，

　　cache：false，

　　success：function(val){

　　val=$.trim(val);

　　if(val0){//后臺返回值

　　if(to=='down'val0){

　　varpartentsDiv=that.parents('tr')//獲取父級

　　varnext=partentsDiv.next();//獲取父級下一個

　　if(next.html()！==undefined){

　　next.fadeOut('slow'，function(){

　　$(this).after(partentsDiv);

　　}).fadeIn()

　　}else{//

　　}

　　}else{

　　varparentDiv=that.parents('tr');//獲取父級

　　varprev=parentDiv.prev()//獲取父級上一個

　　if(prev.html()！==undefined){

　　prev.fadeOut('slow'，function(){

　　$(this).before(parentDiv)

　　}).fadeIn()

　　}else{

　　}

　　}

　　}else{

　　if(to=='down'){

　　}else{

　　}

　　}

　　}

　　});

　　}

　　點擊前：

　　點擊后，改變順序并且有個淡入淡出的效果

　　四、后臺改變數據的排序號，我的思路是保存的時候將id保存為排序號，通過對調二個排序號，來改變排序，

　　后臺代碼：

　　publicfunctionsite_order(){

　　$id=I('i');

　　$to=I('to');

　　$ModelObj=$this-ModelObj;

　　$old=$ModelObj-field('order_id，parent_id')-where(array('category_id'=$id))-find();

　　if($to=='down'){

　　$new=$ModelObj-where(array('status'=1，'parent_id'=$old['parent_id']，'order_id'=array('lt'，$old['order_id'])))-order('order_iddesc')-find();

　　}

　　if($to=='up'){

　　$new=$ModelObj-field('order_id，category_id')-where(array('status'=1，'parent_id'=$old['parent_id']，'order_id'=array('gt'，$old['order_id'])))-order('order_id')-find();

　　}

　　if($new){

　　$ModelObj-where(array('category_id'=$new['category_id']))-setField('order_id'，$old['order_id']);

　　$res=$ModelObj-where(array('category_id'=$id))-setField('order_id'，$new['order_id']);

　　}

　　$this-ajaxReturn($res);

　　}

　　}

　　查找出當向上或者向下的時候兩條數據的排序號對調一下就行

　　我的排序是從大到小排，

　　所有向下的時候，找出小于這個排序號數據中最大的那個，

　　反之找到找出大于這個排序號數據中最小的那個。