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'); }); });};
jq 实现上下排序的一段代码的更多相关文章
- 由一段代码谈前端js优化和编码规范(一) 分类: JavaScript 2015-03-21 12:43 668人阅读 评论(1) 收藏
这段代码是撸主刚毕业那会写的,主要是实现一个左侧的导航条的折叠功能.当时实现的比较简陋,每次在导航条增加新的项目的时候,都要手动去修改js代码中写死的索引...确实是比较恼火的,后来就修改了一下,能够 ...
- C语言归并排序(合并排序)算法及代码
归并排序也称合并排序,其算法思想是将待排序序列分为两部分,依次对分得的两个部分再次使用归并排序,之后再对其进行合并.仅从算法思想上了解归并排序会觉得很抽象,接下来就以对序列A[0], A[l]…, A ...
- springboot工程启动即执行一段代码
最近在做一个项目, 需要Tomcat启动后就执行一段代码 在这里需要用到CommandLineRunner这个接口, Spring boot的CommandLineRunner接口主要用于实现在应用初 ...
- VBA_50段代码总结
'' 30个有用的VBA代码 '目录: '1--合理使用数组:'2--一次保存并关闭所 ...
- 评《撸一段 SQL ? 还是撸一段代码? 》
最近看到一篇博客<撸一段 SQL ? 还是撸一段代码?>,文章举例说明了一个连表查询使用程序code来写可读性可维护性更好,但是回帖意见不一致,我想作者在理论层面没有做出更好的论述,而我今 ...
- Unity 延迟执行一段代码的较为优雅的方式
在Unity中,延时执行一段代码或者一个方法或者几个方法的情况非常普遍. 一般会用到Invoke和InvokeRepeating方法.顾名思义,第一个是执行一次,第二个是重复执行. 看下定义: voi ...
- μC/OS-Ⅲ中的临界段代码
临界段代码(critical sections),也叫临界区(critical region),是指那些必须完整连续运行,不可被打断的代码段.μC/OS-Ⅲ系统中存在大量临界段代码.采用两种方式对临界 ...
- JavaScript-navigator_userAgent-编写一段代码能够区分浏览器的主流和区分
1 userAgent:包含浏览器名称和版本号的字符串 <!DOCTYPE html> <html> <head lang="en"> < ...
- Python实现装饰模式的一段代码
# 实现装饰模式的一段代码 import functools def log(func): @functools.wraps(func) def wrapper(*args,**kw): print( ...
随机推荐
- sed处理文本文件
SQL文件处理在以select 开通的行的上一行添加 explain analyze 并写入文本(-i)sed -i '/^select/i\explain analyze' test_load2.l ...
- weblogic10异常:org.hibernate.hql.ast.HqlToken
转自:http://www.programgo.com/article/68682994452/ 在做查询的时候,报出 org.hibernate.QueryException: ClassNotF ...
- win7 64位 asp+access 数据库连接出错[代码:02],请检查数据库链接文件中的连接字串
解决办法,启用32位应用程序改为true 打开“Internet 信息服务(IIS)管理器”,在最右边的窗口中点击“应用程序池”,在用到的应用程序池上点击右键,选择“高级设置”
- paper 124:【转载】无监督特征学习——Unsupervised feature learning and deep learning
来源:http://blog.csdn.net/abcjennifer/article/details/7804962 无监督学习近年来很热,先后应用于computer vision, audio c ...
- sql经常会遇到“将截断二进制或字符串”的错误——处理办法
sql经常会遇到“将截断二进制或字符串”的错误——处理办法 1.修改列长度——无法定位具体字段 2.程序逻辑中增加判断,以定位具体字段 由于我是在报表数据库中直接写SQL,没有校验逻辑,所以想把全部字 ...
- YbSoftwareFactory 代码生成插件【十七】:先进的权限模型体系设计
目前权限管理系统不少,但通用.灵活.符合现代企事业单位实际工作需要的不多.现有的权限系统绝大多数都是以模块为核心,而本权限模型将摒弃此类普遍的做法,将以组织机构为核心来进行权限系统的设计,因为这更符合 ...
- xshell5激活
Xshell是一个用于MS Windows平台的强大的SSH,TELNET,和RLOGIN终端仿真软件.它使得用户能轻松和安全地从Windows PC上访问Unix/Linux主机.以上内容全部为广告 ...
- Linux_scp
scp是secure copy的简写,用于在Linux下进行远程拷贝文件的命令,和它类似的命令有cp,不过cp只是在本机进行拷贝不能跨服务器,而且scp传输是加密的.可能会稍微影响一下速度.当你服务器 ...
- HDU 4292:Food(最大流)
http://acm.hdu.edu.cn/showproblem.php?pid=4292 题意:和奶牛一题差不多,只不过每种食物可以有多种. 思路:因为食物多种,所以源点和汇点的容量要改下.还有D ...
- 浮点型数据运算精度bug
/** * 校验是否为数字 * @param arg * @return */ function checkIsNumber(arg){ if(arg != null && arg.t ...