页面排序(上下元素对换)

2019独角兽企业重金招聘Python工程师标准>>>

页面代码

<dd id="f_${f.function_id}" rel="${f.function_id}" sortId="${f.id}"><span onclick="sorts('${f.function_id}','top')" title="上移动" class="upBut"></span><span onclick="sorts('${f.function_id}'),'down'" title="下移动" class="downBut"></span> </dd>

js代码

function sorts(id,direction){ //向上取前一个的id，向下去后一个的idvar baseid  = direction == 'top' ? $('#f_'+id).prev().attr('rel') :$('#f_'+id).next().attr('rel');if(!baseid) {direction == 'top' ? ui.warning('已经是最前面了') : ui.warning('已经是最后面了');return;}else { //页面上进行位移Direction == 'top' ? $('#f_'+id).insertBefore('#f_'+baseid) : $("#f_"+id).insertAfter('#f_'+baseid);}

取顺序

//取得顺序,存到数组中var sortArr=[];$("#func_dl").find("dd").each(function(index,dd){var obj={};obj.key=$(dd).attr("sortId");obj.value=index+1;sortArr.push(obj);});//调用common.js中的方法，转化为字符串var sortStr=ui.jsonToString(sortArr);

转载于:https://my.oschina.net/glorylion/blog/478025

总结

以上是生活随笔为你收集整理的页面排序(上下元素对换)的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。