ajax实现翻书效果,jQuery实现手机版页面翻页效果的简单实例

var page = 1;

var size = 6;

var mark = 0;

var url = "{pigcms{:U('Order/index', array('page'=>'d%'))}";

var commentTpl = '

\

去评价\

';

var template = '

\

""))}">\

\

{store_name}\

\

\

\

""))}">\

%7Bpic_info%7D
\
\
\

{create_time}

\

总价:¥{discount_price}

\
\
\
{state}{comment_tpl}
\
\
\
\';

var emptyTpl = '

\
  • \
\

\

暂无订单

\
\\
';

function getList() {

if (mark) {

return false;

}

mark = 1;

var requestUrl = url.replace(/d%/, page);

$("#page-loader").show();

$.get(requestUrl, function(json){

if (json.num > 0) {

render(json.list);

$("#page-loader").hide();

page = page + 1;

} else if(json.num <= 0 && page == 1) {

$(".order-list").html(emptyTpl);

}

if (json.num >= size) {

mark = 0;

}

$("#page-loader").hide();

}, 'json');

}

function render(data){

for (var i=0,item; item=data[i++];) {

var html = template;

if (item['comment_status'] == 0 && item['order_status'] == 1) {

item['comment_tpl'] = commentTpl.replace(new RegExp('', "gm"), item['order_id']);

} else if(item['comment_status'] == 1 && item['order_status'] == 1){

item['comment_tpl'] = '

已评价
';

} else {

item['comment_tpl'] = '

}

switch (item['order_status']) {

case '0': item['state'] = '订单失效';break

case '1': item['state'] = '订单完成';break

case '2': item['state'] = '商家未确认';break

case '3': item['state'] = '商家已确认';break

case '4': item['state'] = '已取餐';break

case '5': item['state'] = '正在配送';break

case '6': item['state'] = '退单';break

case '7': item['state'] = '商家取消订单';break

case '8': item['state'] = '配送员已接单';break

}

html = html.replace(new RegExp('', "gm"), item['order_id']);

html = html.replace(new RegExp('', "gm"), item['store_id']);

for (var key in item) {

html = html.replace(new RegExp('{'+key+'}',"gm"), item[key]);

}

$(".order-list").append(html);

}

}

getList();

function comment(e){

e = e || window.event;

e.stopPropagation();

e.preventDefault();

var oid = $("button").attr("data-oid");

location.href = "{pigcms{:U('User/comment')}&order_id="+oid;

}

$(document).ready(function(){

var WindowHeight = $(document).height;

$(window).scroll(function(){

var top = $(document).scrollTop();

var height = $(document).height() - $(window).height() - 10;

if (top >= height) {

getList();

}

});

});

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/504952.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

抽象类可以生成自己的对象吗_大理石可以自己抛光吗?大理石自己抛光方法解答...

大理石可以自己抛光吗&#xff1f;大理石自己抛光方法解答。大理石只有经过抛光后&#xff0c;表面才会有更好的光泽和质感。具体抛光可以要求大理石抛光团队施工&#xff0c;也可以自己做。那么大理石自己抛光方法是什么呢&#xff1f;下面石大夫为您解答。大理石自己抛光方法…

服务器可以装2个系统吗,云服务器可以装多个系统吗

云服务器可以装多个系统吗 内容精选换一换共享云硬盘是一种支持多个云服务器并发读写访问的数据块级存储设备&#xff0c;具备多挂载点、高并发性、高性能、高可靠性等特点。主要应用于需要支持集群、HA(High Available&#xff0c;指高可用集群)能力的关键企业应用场景&#x…

关卡 动画 蓝图 运行_UE4无缝过场动画

最近有个哥们给我看他们最近在做的一个游戏&#xff0c;其中有这样一段镜头https://www.zhihu.com/video/1171378736917364736运用到了一个很常用的过场方式&#xff0c;就是平时我们所说的无缝过场。过场动画不通过黑屏转换&#xff0c;而是通过运镜来代入。这是一种比较容易实…

个推的appid是指什么_推箱子软件介绍→安卓下最专业的推箱子软件(推箱快手)...

俗语说&#xff1a;工欲善其事必先利其器目前各安卓系统下的应用市场有很多很多推箱子软件&#xff0c;除了soko推箱子软件比较好以外&#xff0c;其余没有任何一款软件是推箱子好手想去使用的&#xff0c;为什么呢&#xff1f;先说说soko这款软件好在哪儿&#xff1f;点推式推…

list转字符串_剑指offer 38——字符串的排列

本题主要在于对回溯的理解&#xff0c;优化时可以结合 java 特性&#xff0c;以及排列的一些知识。原题输入一个字符串&#xff0c;打印出该字符串中字符的所有排列。你可以以任意顺序返回这个字符串数组&#xff0c;但里面不能有重复元素。示例:输入&#xff1a;s "abc&…

v5系列服务器后面板不存在以下哪款指示,群晖RS10613xs+ NAS服务器后面板简介

群晖RS10613xs NAS服务器后面板简介群晖RS10613xs NAS服务器后面板简介:NAS服务器的后面板往往承担着数据的输入、输出&#xff0c;电影的输入&#xff0c;网络的传输&#xff0c;容量的扩展&#xff0c;电能的支持以及产品的散热等重要功能&#xff0c;看似简单的后面板往往是…

怎么判断冠词用a还是an_【语法微课堂】英语冠词的用法,学会这4点,轻松玩转a、an、the...

点击上方??蓝色字&#xff0c;轻松关注&#xff01;Well begun is half done.良好的开端是成功的一半。准备了一下午&#xff0c;终于可以给大家更新了&#xff0c;给大家分享了冠词讲解的视频、音频和文字版&#xff0c;自行取用吧&#xff01;?冠词讲解视频版(小提示&…

pb自定义控件 事件_Android WebView与下拉刷新控件滑动冲突的解决方法

使用WebView时一般会在外层使用下拉刷新控件如(SwipeRefreshLayout)。但是测试时会发现网页无法上拉&#xff0c;往上滑动就会触发下拉刷新控件的refresh事件。所以这里记录一下解决该问题的办法。1、通过webView.getScrollY() 的值来判断是否滚动到顶部private SwipeRefreshLa…

双路服务器cpu必须型号相同,双路主板存在使用不同型号的cpu之说吗?还是必须使用一模一样相同的cpu型号?...

双路主板不存在使用不同型号的cpu一说&#xff0c; 可以使用不同型号的cpu&#xff0c; 不过参数差别不能过大(例如处理器的架构差别)多路主板就是一种主从结构&#xff0c; 处理器之间是协同工作&#xff0c;由中间的高速总线实现两个处理器的配合&#xff0c;不存在处理器必须…

打开多个界面_如何创建用户界面

CANBusKit&#xff0c;是一款集成汽车总线开发、测试、分析的专业软件工具。本章内容主要介绍如何使用CBK_OpenPanel工具为CANBUSKIT 工程创建用户界面&#xff0c;本工具目前支持Vector的xvp格式的面板文件导入。首先是启动软件(试用版软件只能从CANBusKit软件界面中启动该软件…

汤姆克兰西全境封锁服务器维护时间,汤姆克兰西全境封锁无法登录怎么解决 无法登录解决方法攻略...

《汤姆克兰西&#xff1a;全境封锁》是款大型射击游戏&#xff0c;这款游戏的画面十分的精致&#xff0c;在这款游戏中会有各种不同的任务&#xff0c;玩家要带着武器来进行射击。在游戏的时候很多玩家们都反映无法登录怎么解决&#xff1f;那么下面小编就为玩家们详细解说下关…

需要的依赖_三十而已:夫妻关系中需要的是坦诚和依赖

最近三十而已大热播&#xff0c;开始时很多人都看好顾佳和许幻山这一对&#xff0c;顾佳有才有颜&#xff0c;上得厅堂下得厨房&#xff0c;处理事情干净利索&#xff0c;是难得的贤内助。许幻山温柔帅气还有才&#xff0c;关键是还对老婆好&#xff0c;他们的组合可以说是很让…

语言建立一个学生籍贯管理簿_编写一个Excel自定义函数,身份证信息提取如探囊取物...

观看视频更直观我们建立信息表时不仅要输入性别、生日和年龄等信息&#xff0c;往往也需要输入身份证号码&#xff0c;而身份证号码中包含有籍贯、性别、生日和年龄等信息&#xff0c;从身份证号码中提取上述信息可以减少输入工作量&#xff0c;提高工作效率。利用Excel中的内置…

原码一位乘法器设计_数字IC校招基础知识点复习(七)——超前进位加法器、Wallace树、Booth乘法器...

1.超前进位加法器看了一些面经&#xff0c;提到会让你用基础的门搭加法器&#xff0c;因此首先得熟悉半加器&#xff0c;全加器等最基础的加法器才能理解之后的超前进位加法器&#xff0c;树型加法器等复杂的加法器。半加器的输入为a&#xff0c;b&#xff0c;输出为结果s和进位…

保存点云数据_3D点云配准(二多幅点云配准)

本文首发于微信公众号「3D视觉工坊」&#xff1a;3&#xff24;点云配准&#xff08;二多幅点云配准&#xff09; 在上一篇文章 点云配准&#xff08;一 两两配准&#xff09;中我们介绍了两两点云之间的配准原理。本篇文章&#xff0c;我们主要介绍一下PCL中对于多幅点云连续配…

url存在宽字节跨站漏洞_5分钟速览丨常见的Web安全漏洞及测试方法

中秋小长假“余额”就剩半天了尽管心里有太多不舍也要调整自己毕竟假期都是短暂的工作才是职场人生的常态为了尽快消除“假日综合症”e小安贴心送上小文一篇小伙伴们赶紧“脉动”回来吧各类web应用充斥在我们的网络生活中&#xff0c;但是因为开发者安全意识不强而导致的安全问…

9切换中文mac_超详细的Mac重装系统教程!让重装系统变得简单起来!

mac电脑该怎么重装系统&#xff1f;苹果电脑在长时间使用后&#xff0c;系统可能会变得比较慢&#xff0c;另外各种缓存垃圾也会越堆越多&#xff0c;影响电脑的反应速度。mac OS系统是苹果电脑独有的操作系统,重装mac系统过程和Win系统完全不同,所以第一次使用苹果电脑的用户都…

delphi datasnap断线后再次连接_电脑连接WiFi后经常出现断线断开连接问题的解决方法...

电脑连接WiFi总是断线怎么办&#xff1f;有用户的笔记本在连接无线网络后&#xff0c;一直出现断线问题&#xff0c;并且网速也很慢&#xff0c;这是怎么回事&#xff1f;电脑连接WiFi后经常断开连接该如何解决&#xff1f;下面给大家分享具体操作步骤。操作步骤&#xff1a;1、…

添加javascript代码:_JavaScript(1)

一、JavaScript组成1.ECMAScript&#xff1a;是ECMA制定的脚本语言的语法标准&#xff0c;基础语法的规范&#xff0c;为了让不同的浏览器都可以运行通过标准运行出来的代码。2.文档对象模型(DOM)&#xff1a;JavaScript操作网页上的元素(标签)的API。3.浏览器对象模型(BOM)&am…

win 8 共享连接数是多少_局域网IP限速怎么配置,限速多少比较合适

由于视频和下载可以轻易的占用大量带宽&#xff0c;为了网络的稳定运行&#xff0c;大部分局域网都会对客户端进行一定的限速。本文中&#xff0c;我将介绍如何根据带宽来做限速&#xff0c;限速设置多少比较合理&#xff1f;1. 限速多少比较合理&#xff1f;正常的办公上网&am…