前端开发之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);//获取提交的idvarurl=$(this).attr(attr_url);//获取提交地址varhtml=aclass=am-btnam-btn-smam-btn-defaultam-radiustitle=点击向上移动onclick=edit_order(this,\+id+\,\+url+\)attr-to=upspanclass=am-icon-arrow-up/span/aaclass=am-btnam-btn-smam-btn-defaultam-radiustitle=点击向下移动onclick=edit_order(this,\+id+\,\+url+\)attr-to=downspanclass=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==downval0){varpartentsDiv=that.parents(tr)//获取父级varnext=partentsDiv.next();//获取父级下一个if(next.html()!==undefined){next.fadeOut(slow,function(){$(this).after(partentsDiv);}).fadeIn()}else{//layer.msg(到底了)//已经当前页最后一个,这里如果有分页可以通过刷新页面改变数据}}else{varparentDiv=that.parents(tr);//获取父级varprev=parentDiv.prev()//获取父级上一个if(prev.html()!==undefined){prev.fadeOut(slow,function(){$(this).before(parentDiv)}).fadeIn()}else{layer.msg(到顶了)//已经当前页第一个,这里如果有分页可以通过刷新页面改变数据}}}else{if(to==down){layer.msg(到底了)//已经是最后一个}else{layer.msg(到顶了)//已经是第一个}}}});}点击前:
点击后,改变顺序并且有个淡入淡出的效果
四、后台改变数据的排序号,我的思路是保存的时候将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);}}查找出当向上或者向下的时候两条数据的排序号对调一下就行我的排序是从大到小排,所有向下的时候,找出小于这个排序号数据中最大的那个,反之找到找出大于这个排序号数据中最小的那个。
前端开发之jq+php点击上下按钮修改排序_成都网站搭建 https://cdnanqi.cn/wangzhanzhizuo/11318.html
- 网站优化中软文推广的类型介绍_宜宾seo优化
- 数据分析驱动:高端网站建设中的持续优化与升级_成都做网站
- SEO101:新建网站时9个注意事项 | 邛崃网络公司
- 想要提升网站优化排名点击率,高质量外链不容小觑-成都seo优化-成都网站优化
- SEO站内外优化体会(SEO进行内部优化的目的是什么)
- 网站URL标签设置有什么讲究?阐述URL优化标签的设置技巧-成都seo网站关键词优化
- SEO的核心是什么重视内容优化,紧跟百度算法进程-什邡SEO优化
- 多元化seo优化方法是主流搜索引擎自然排名的生存法则-成都seo优化-成都网站优化
- 网站设计色彩搭配的最新趋势_宜宾做网站
- 关键词排名一份面试常见问题及答案!面试者对SEO基础知识的理解如何提高网站关键词的排名-南充SEO