一,前端代码:
二.经由过程jq 加载html
$(".edit_up").each(function() {
var id = $(this).attr('attr_id');//获得提交的id
var url=$(this).attr('attr_url');//获得提交地点
var html = ' ';
$(this).html(html);
});
前端是技俩如图(详细技俩自定):
三.Jq提交靠山并改变列表的按次
function edit_order(obj, t, id,url) {
var to = $(obj).attr("attr-to");//获得是向上照样向下
var url = url + "?&i=" + id +"&to=" + to + "&ajaxedit=1";//提交地点;
var that=$(obj)
$.ajax({
url: url,
cache: false,
success: function(val) {
val = $.trim(val);
if(val>0){//靠山前往值
if (to == 'down' && val>0) {
var partentsDiv =that.parents('tr')//获得父级
var next = partentsDiv.next();//获得父级下一个
if(next.html() !== undefined){
next.fadeOut('slow',function(){
$(this).after(partentsDiv);
}).fadeIn()
}else{//
layer.msg('毕竟了')//已以后页最后一个,这里假定有分页能够经由过程刷新页面改变数据
}
}else{
var parentDiv = that.parents('tr');//获得父级
var prev = parentDiv.prev()//获得父级上一个
if(prev.html() !== undefined){
prev.fadeOut('slow',function () {
$(this).before(parentDiv)
}).fadeIn()
}else{
layer.msg('到顶了') //已以后页第一个,高端SEO优化,这里假定有分页能够经由过程刷新页面改变数据
}
}
}else{
if(to == 'down'){
layer.msg('毕竟了') //已是最后一个
}else{
layer.msg('到顶了') //已是第一个
}
}
}
});
}
点击前:
点击后,改变按次并且有个淡入淡出的成果
四、靠山改变数据的排序号,我的思绪是保留的时辰将id 保留为排序号,经由过程对换二个排序号,来改变排序,
靠山代码:
public function site_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_id desc')->find();
}
if($to=='up'){
$new=$ModelObj->field('order_id,category_id')->where(array('status'=>1,'parent_id'=>$old['paren
|