前端開發(fā)之jq+php點(diǎn)擊上下按鈕修改排序
2023-03-21 分類： 網(wǎng)站建設(shè)
一，前端代碼：
二.通過jq 加載html
$(".edit_up").each(function(){
varid=$(this).attr('attr_id');//獲取提交的id
varurl=$(this).attr('attr_url');//獲取提交地址
varhtml='';
$(this).html(html);
});
前端是樣式如圖（具體樣式自定）：
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(val>0){//后臺返回值
if(to=='down'&&val>0){
varpartentsDiv=that.parents('tr')//獲取父級
varnext=partentsDiv.next();//獲取父級下一個
if(next.html()!==undefined){
next.fadeOut('slow',function(){
$(this).after(partentsDiv);
}).fadeIn()
}else{//
layer.msg('到底了')//已經(jīng)當(dāng)前頁最后一個，這里如果有分頁可以通過刷新頁面改變數(shù)據(jù)
}
}else{
varparentDiv=that.parents('tr');//獲取父級
varprev=parentDiv.prev()//獲取父級上一個
if(prev.html()!==undefined){
prev.fadeOut('slow',function(){
$(this).before(parentDiv)
}).fadeIn()
}else{
layer.msg('到頂了')//已經(jīng)當(dāng)前頁第一個，這里如果有分頁可以通過刷新頁面改變數(shù)據(jù)
}
}
}else{
if(to=='down'){
layer.msg('到底了')//已經(jīng)是最后一個
}else{
layer.msg('到頂了')//已經(jīng)是第一個
}
}
}
});
}
點(diǎn)擊前：
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);
}
}
查找出當(dāng)向上或者向下的時候兩條數(shù)據(jù)的排序號對調(diào)一下就行
我的排序是從大到小排，
二.通過jq 加載html
$(".edit_up").each(function(){
varid=$(this).attr('attr_id');//獲取提交的id
varurl=$(this).attr('attr_url');//獲取提交地址
varhtml='
$(this).html(html);
});
前端是樣式如圖（具體樣式自定）：
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(val>0){//后臺返回值
if(to=='down'&&val>0){
varpartentsDiv=that.parents('tr')//獲取父級
varnext=partentsDiv.next();//獲取父級下一個
if(next.html()!==undefined){
next.fadeOut('slow',function(){
$(this).after(partentsDiv);
}).fadeIn()
}else{//
layer.msg('到底了')//已經(jīng)當(dāng)前頁最后一個，這里如果有分頁可以通過刷新頁面改變數(shù)據(jù)
}
}else{
varparentDiv=that.parents('tr');//獲取父級
varprev=parentDiv.prev()//獲取父級上一個
if(prev.html()!==undefined){
prev.fadeOut('slow',function(){
$(this).before(parentDiv)
}).fadeIn()
}else{
layer.msg('到頂了')//已經(jīng)當(dāng)前頁第一個，這里如果有分頁可以通過刷新頁面改變數(shù)據(jù)
}
}
}else{
if(to=='down'){
layer.msg('到底了')//已經(jīng)是最后一個
}else{
layer.msg('到頂了')//已經(jīng)是第一個
}
}
}
});
}
點(diǎn)擊前：
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);
}
}
查找出當(dāng)向上或者向下的時候兩條數(shù)據(jù)的排序號對調(diào)一下就行
我的排序是從大到小排，
所有向下的時候，找出小于這個排序號數(shù)據(jù)中大的那個，
網(wǎng)頁標(biāo)題：前端開發(fā)之jq+php點(diǎn)擊上下按鈕修改排序
網(wǎng)址分享：http://m.rwnh.cn/news/246377.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、微信公眾號、域名注冊、小程序開發(fā)、網(wǎng)站營銷、營銷型網(wǎng)站建設(shè)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 選擇網(wǎng)站設(shè)計公司為何要選擇有經(jīng)驗的？ 2023-03-21
- 網(wǎng)站建設(shè)前期需求預(yù)備要求 2023-03-21
- 挑選成都網(wǎng)站建設(shè)公司的方法 2023-03-21
- 北京做網(wǎng)站不能只看方案價格 2023-03-21
- 外貿(mào)網(wǎng)站的制作要點(diǎn)是什么 2023-03-21
- 網(wǎng)站被降權(quán)有哪些原因？恢復(fù)權(quán)重的實(shí)用方法？ 2023-03-21
- 采集站排位高于原創(chuàng)網(wǎng)站是否合理 2023-03-21
- 網(wǎng)站建設(shè)不可忽略的注意事項 2023-03-21
- 成都什么樣的O2O能活? 2023-03-21
- 建設(shè)一個網(wǎng)站大約需要多少錢 2023-03-21
- 進(jìn)行制作網(wǎng)站需要考慮哪些問題 2023-03-21
- 設(shè)計網(wǎng)站你應(yīng)該了解的幾個點(diǎn) 2023-03-21
- 網(wǎng)站購買友鏈會不會被k站 2023-03-21
- 網(wǎng)站seo推廣公司如何解決網(wǎng)站首頁被降權(quán) 2023-03-21
- 一個服務(wù)器可以綁定幾個域名 2023-03-21
- 高端網(wǎng)站怎么建設(shè)有哪些必要步驟？ 2023-03-21
- 昆山網(wǎng)站開發(fā)之帶你認(rèn)識網(wǎng)頁顏色 2023-03-21
- 建網(wǎng)站公司的一些經(jīng)驗之談 2023-03-21
- 公司建網(wǎng)站需要準(zhǔn)備什么？ 2023-03-21