jq 实现上下排序的一段代码

前台页面:
<div  class="adddaren_box">    {%if isset($masterDetailsInfo)%}        <div class="adddaren_box1">            删除/修改达人列表        </div>        <input type="hidden" value="{%$masterDetailsInfo->getMasterId()%}" id="master_id">        <div class="adddaren_box2">            用户名            <input type="text" readOnly="true" value="{%$masterDetailsInfo->getUserName()%}" class="adddaren_box2_inp"  />        </div>        <div class="adddaren_box3">            推荐理由            <input type="text" value="{%$masterDetailsInfo->getMasterInfo()%}" class="adddaren_box3_inp"  />        </div>        <div class="adddaren_box4">            推荐时间            <input type="text" value="{%$masterDetailsInfo->getStartTime()%}" class="adddaren_box4_inp"  />        </div>        <div class="adddaren_box5">            结束时间            <input type="text" value="{%$masterDetailsInfo->getEndTime()%}" class="adddaren_box5_inp" />        </div>        <div class="adddaren_box6">            <div class="adddaren_box6_sp1" id="modify">修改</div>            <div class="adddaren_box6_sp2" id="del">删除</div>        </div>    {%else%}        <div class="adddaren_box1">            添加达人列表        </div>        <div class="adddaren_box2">            用户名            <input type="text" value="" class="adddaren_box2_inp"  />        </div>        <div class="adddaren_box3">            推荐理由            <input type="text" value="" class="adddaren_box3_inp"  />        </div>        <div class="adddaren_box4">            推荐时间            <input type="text" value="" class="adddaren_box4_inp"  />        </div>        <div class="adddaren_box5">            结束时间            <input type="text" value="" class="adddaren_box5_inp" />        </div>        <div class="adddaren_box6">            <div class="adddaren_box6_sp1" id="add">添加</div>        </div>    {%/if%}</div>{%script%}require.async(‘huanzhe_houtai:widget/adddaren/adddaren‘,function(adddaren){adddaren.run();}){%/script%}

js:exports.run = function(){

   $(function(){      var pages = require(‘common:widget/page/page‘);

      $(".addbanner").click(function(){         location.href="/huanzhe_houtai/ad_guanli";      });      //排序用      var i=$(this).parents().index();      $(document).on("click", ‘#prev‘, function master_order(){         var current_obj = $(this).parent().parent().eq(i);         //alert(current_obj.attr(‘class‘));         if(current_obj.attr(‘class‘) == ‘data_list_row‘){            //alert(1);            var current_id = $(this).data("id");            var current_order = $(this).data("order");

            var up = current_obj.prev().children(‘.edition_box3_sp6‘);            var prev = up.children(‘#prev‘);

            var prev_id = prev.data("id");            var prev_order = prev.data("order");            //alert(‘当前id:‘+current_id);            //alert(‘上一条id‘+prev_id);            if(!prev_id){               alert(‘亲,已经置顶了哟!‘);            }else{               $(".loading").show();               if(parseInt(current_order) != parseInt(prev_order)) {                  $.get("/index.php/master/order_master",                     {current_id: current_id,current_order: current_order,swap_id: prev_id, swap_order: prev_order},                     function (data) {                        console.log(data);                        var cur = current_obj.children(‘.edition_box3_sp6‘).children(‘#prev‘);                        var cur_next = current_obj.children(‘.edition_box3_sp6‘).children(‘#next‘);

                        cur.data({"order":prev_order});                        cur_next.data({"order":prev_order});

                        prev.data({"order":current_order});                        up.children(‘#next‘).data({"order":current_order});                        current_obj.prev().before(current_obj);                        $(".loading").hide();                     },‘html‘);               }

            }         }      });

      $(document).on("click", ‘#next‘, function master_order(){         var current_obj = $(this).parent().parent().eq(i);         //alert(current_obj.attr(‘class‘));         if(current_obj.attr(‘class‘) == ‘data_list_row‘){ 

           //alert(1);            var current_id = $(this).data("id");            var current_order = $(this).data("order");            var down = current_obj.next().children(‘.edition_box3_sp6‘);            var next = down.children(‘#next‘);            var next_id = next.data("id");            var next_order = next.data("order");            if(!next_id){               alert(‘亲,已经到底了!‘);            }else{               $(".loading").show();               if(parseInt(current_order) != parseInt(next_order)) {                  $.get("/index.php/master/order_master",                     {current_id: current_id,current_order: current_order,swap_id: next_id, swap_order: next_order},                     function (data) {                        console.log(data);                        var cur = current_obj.children(‘.edition_box3_sp6‘).children(‘#prev‘);                        var cur_next = current_obj.children(‘.edition_box3_sp6‘).children(‘#next‘);                        cur.data({"order":next_order});                        cur_next.data({"order":next_order});                        // alert(next_order);                        next.data({"order":current_order});                        down.children(‘#prev‘).data({"order":current_order});                        //alert(current_order);                        current_obj.next().after(current_obj);                        $(".loading").hide();                     },‘html‘);               }            }         }      });      //这里是分页用的      pages.setCallback(function(page,page_size) {         $(".loading").show();         console.log(page+‘,‘+page_size);         //var param = $(‘.notice_param‘).val();         $.get("/index.php/master/load_master_page_list",{"page":page,"page_size":page_size},function(data){            console.log(data);            //$(".InitPHP_pages").replaceWith(data);            //$(data).replaceAll(‘.edition_box3‘);            $(".InitPHP_pages").remove();            $(".edition_box3").remove();            $(".edition_box2").after(data);            $(".loading").hide();         },‘html‘);      });   });};
时间: 2024-10-24 05:27:29

jq 实现上下排序的一段代码的相关文章

C言语合并排序(兼并排序)算法及代码

合并排序也称兼并排序,其算法思惟是将待排序序列分为两局部,顺次对分得的两个局部再次运用合并排序,之后再对其停止兼并.仅从算法思惟上理解合并排序会认为很笼统,接下来就以对序列A[0], A[l]-, A[n-1]停止升序陈列来停止解说,在此采取自顶向下的完成办法,操作步调如下.(1)将所要停止的排序序列分为阁下两个局部,假如要停止排序的序列的肇端元素下标为first,最初一个元素的下标为last,那么阁下两局部之间的临界点下标mid=(first+last)/2,这两局部辨别是A[first -

由一段代码谈前端js优化和编码规范

这段代码是撸主刚毕业那会写的,主要是实现一个左侧的导航条的折叠功能.当时实现的比较简陋,每次在导航条增加新的项目的时候,都要手动去修改js代码中写死的索引...确实是比较恼火的,后来就修改了一下,能够自动的查找索引了,但是写的代码很不规范,前几天看到这段代码的时候,简直要吐血...所以就简单优化了一下 1.情景描述: html代码大致就是如下所示: <a><li></li></a> <li></li> <li></l

C语言归并排序(合并排序)算法及代码

归并排序也称合并排序,其算法思想是将待排序序列分为两部分,依次对分得的两个部分再次使用归并排序,之后再对其进行合并.仅从算法思想上了解归并排序会觉得很抽象,接下来就以对序列A[0], A[l]-, A[n-1]进行升序排列来进行讲解,在此采用自顶向下的实现方法,操作步骤如下. (1)将所要进行的排序序列分为左右两个部分,如果要进行排序的序列的起始元素下标为first,最后一个元素的下标为last,那么左右两部分之间的临界点下标mid=(first+last)/2,这两部分分别是A[first -

Java基础知识强化之集合框架笔记47:Set集合之TreeSet保证元素唯一性和比较器排序的原理及代码实现(比较器排序)

1. TreeSet保证元素唯一性和比较器排序的原理及代码实现(比较器排序) (1)Student.java: 1 package cn.itcast_07; 2 3 public class Student { 4 private String name; 5 private int age; 6 7 public Student() { 8 super(); 9 } 10 11 public Student(String name, int age) { 12 super(); 13 thi

viewpager 自动无限循环 这段代码移到你的程序中就可以用了

本程序需要懂得viewpager的基础知识,也就是说你能够自己写出一个手动滑动的viewpager,下面我将附带加小圆点的知识 那么我们回顾一下图片轮转的基础知识,如果你已经对viewpager很熟悉了就不用看了,浪费时间 1.viewpager是在v4兼容报里面的,使用控件时请带上报名 2.数据来源用list存放,我这里用的是textview做的小圆点list<textview>,layout做的单张幻灯片list<view>,将xml文件inflate成为view,View.i

iOS测试一段代码的运行时间

王刚韧 23:19:26测试一段代码的运行时间 测试一段代码运行花了多久: NSDate* tmpStartData = [NSDate date] ;<#代码#> double deltaTime = [[NSDate date] timeIntervalSinceDate:tmpStartData]; NSLog(@"------cost time = %f ms(毫秒)", deltaTime*1000);

看到一段代码不明白什么意思

from warnings import filterwarnings, catch_warnings with catch_warnings():     if sys.py3kwarning:         filterwarnings("ignore", ".*mimetools has been removed",                         DeprecationWarning)     import mimetools import

从一段代码看fork()函数及其引发的竞争

首先来看一段从<UNIX环境高级编程>中摘录的一段非常有意思的代码.借此我们再来谈谈fork()函数的一些问题. #include "apue.h" static void charatatime(char*); int main(void) { pid_t pid; if((pid=fork())<0){ err_sys("fork error"); }else if(pid==0){ charatatime("output from

将PC端的网站转化成手机端网站需要增加以下这段代码即可,再布局一下界面即可

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" /> 将PC端的网站转化成手机端网站需要增加以下这段代码即可,再布局一下界面即可,布布扣,bubuko.com