前台页面:
<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'); }); });};

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

  1. 由一段代码谈前端js优化和编码规范(一) 分类: JavaScript 2015-03-21 12:43 668人阅读 评论(1) 收藏

    这段代码是撸主刚毕业那会写的,主要是实现一个左侧的导航条的折叠功能.当时实现的比较简陋,每次在导航条增加新的项目的时候,都要手动去修改js代码中写死的索引...确实是比较恼火的,后来就修改了一下,能够 ...

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

    归并排序也称合并排序,其算法思想是将待排序序列分为两部分,依次对分得的两个部分再次使用归并排序,之后再对其进行合并.仅从算法思想上了解归并排序会觉得很抽象,接下来就以对序列A[0], A[l]…, A ...

  3. springboot工程启动即执行一段代码

    最近在做一个项目, 需要Tomcat启动后就执行一段代码 在这里需要用到CommandLineRunner这个接口, Spring boot的CommandLineRunner接口主要用于实现在应用初 ...

  4. VBA_50段代码总结

    ''                                                          30个有用的VBA代码 '目录: '1--合理使用数组:'2--一次保存并关闭所 ...

  5. 评《撸一段 SQL ? 还是撸一段代码? 》

    最近看到一篇博客<撸一段 SQL ? 还是撸一段代码?>,文章举例说明了一个连表查询使用程序code来写可读性可维护性更好,但是回帖意见不一致,我想作者在理论层面没有做出更好的论述,而我今 ...

  6. Unity 延迟执行一段代码的较为优雅的方式

    在Unity中,延时执行一段代码或者一个方法或者几个方法的情况非常普遍. 一般会用到Invoke和InvokeRepeating方法.顾名思义,第一个是执行一次,第二个是重复执行. 看下定义: voi ...

  7. μC/OS-Ⅲ中的临界段代码

    临界段代码(critical sections),也叫临界区(critical region),是指那些必须完整连续运行,不可被打断的代码段.μC/OS-Ⅲ系统中存在大量临界段代码.采用两种方式对临界 ...

  8. JavaScript-navigator_userAgent-编写一段代码能够区分浏览器的主流和区分

    1 userAgent:包含浏览器名称和版本号的字符串 <!DOCTYPE html> <html> <head lang="en"> < ...

  9. Python实现装饰模式的一段代码

    # 实现装饰模式的一段代码 import functools def log(func): @functools.wraps(func) def wrapper(*args,**kw): print( ...

随机推荐

  1. Thinkphp 中 distinct 的用法

    TP中distinct()的用处主要是去除重复的值 在Thinkphp手册中也详细说明了(链接:http://document.thinkphp.cn/manual_3_2.html#distinct ...

  2. c#-冒泡排序-算法

    冒泡排序(Bubble Sort) 冒泡排序算法的运作如下: 1.比较相邻的元素.如果第一个比第二个大,就交换他们两个. 2.对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对.在这一点,最后 ...

  3. Web 播放声音 — Flash 篇 (播放 AMR、WAV)

    本文主要介绍 Flash 播放 AMR 格式 Base64码 音频. 在此之前么有接触过 Flash ,接触 AS3 是一头雾水,不过幸好有 TypeScript 和 JavaScript 的基础看起 ...

  4. 2.多线程-GCD

    1.基本概念 同步任务:在当前线程按顺序执行,不开启新的线程 异步任务:有开新线程的欲望   串行队列:一个一个执行 并行队列:多个任务同时执行 --------------------------- ...

  5. SQLite的优化总结

    网上关于SQL优化的教程很多,但是比较杂乱.近日有空整理了一下,写出来跟大家分享一下. 1.对查询进行优化,要尽量避免全表扫描,首先应考虑在 where 及 order by 涉及的列上建立索引. 2 ...

  6. java第三次作业

    import java.util.Scanner; public class Practice { public static void main(String[] args) { int nextV ...

  7. nodejs的初学

    1.启服务器.先server.js,再命令行输入命令node server.js,打开浏览器输入http://127.0.0.1:2016可以看到有内容输出. server.js代码如下: var h ...

  8. Linux内核USB驱动【转】

    本文转载自:http://www.360doc.com/content/12/0321/14/8363527_196286673.shtml 注意,该文件是2.4的内核的驱动源文件,并不保证在2.6内 ...

  9. push or get File or Folder using scp wrapped with expect and bash

    经常需要把服务器的某些文件传到 Mac,或者获取 Mac 的一些文件到服务器.尽管有很多命令scp, ftp, rsync都可以,霸特每次都有敲好长的命令,好烦,而且还要输入密码.所以想着 wrap ...

  10. jquery_ui_api中文

    http://files.cnblogs.com/files/xjyggd/JQuery_UI_API.rar