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,一经查实,立即删除!

相关文章

yolo极大抑制_pytorch实现yolov3(4) 非极大值抑制nms

在上一篇里我们实现了forward函数.得到了prediction.此时预测出了特别多的box以及各种class probability,现在我们要从中过滤出我们最终的预测box.理解了yolov3的输出的格式及每一个位置的含义,并不难理解源码.我在阅读源码的过程中主要的困难在于对pytorch不熟悉,所以在这篇文…

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

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

ajax 参数带百分号,Ajax请求中带有IPv6地址后的百分号的问题

IPv6地址后的百分号:对于连入网络但没有IPv6路由器或DHCPv6服务器的IPv6客户端&#xff0c;它们始终使用fe80::/64链路本地网络地址。如果运行Windows的计算机中有多个网络适配器连接到不同的网段&#xff0c;可以在IP地址后加百分号和区域ID数字来区分不同的网络&#xff0c;如…

高中数学40分怎么办_高二数学不会,准高三该怎么办?40分到高考140如何逆袭?...

原标题&#xff1a;高二数学不会&#xff0c;准高三该怎么办&#xff1f;40分到高考140如何逆袭&#xff1f;高二&#xff0c;这个年级是有点尴尬的&#xff0c;适应了高一的学习&#xff0c;感觉高二学习没有了动力&#xff0c;离高考还远&#xff0c;于是有些孩子就开始了放任…

python识别人脸多种属性_深度学习人脸识别仅9行python代码实现?同时高效处理100张相片?...

随着人脸识别、视频结构化等计算视觉相关技术在安防、自动驾驶、手机等领域走向商业化应用阶段&#xff0c;计算视觉技术行业市场迎来大规模的爆发。伴随人脸识别、物体识别等分类、分割算法不断提升精度。计算视觉的核心算法深度学习算法日渐成熟&#xff0c;通过对输出与对应…

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

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

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

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

python条件循环叠加_Python基础:条件判断与循环的两个要点

一、条件判断&#xff1a;Python中&#xff0c;条件判断用if语句实现&#xff0c;多个条件判断时用if...elif实现&#xff1a;看下面一段程序#python 3.3.5#test if...elifage 20if age > 6:print (teenager)elif age > 18:print (adult)else:print (kid)程序输出结果&a…

H3C批量收集服务器信息,H3C设备服务器采集参数认证过程(包含redfish和restfull协议)...

该脚本针对H3C服务器分别对redfish和restfull两种协议的认证方式进行测试&#xff0c;并合并。有三个类&#xff0c;分别是redfish协议测试、restfull协议测试、以及两个合并测试文章最后使用redfish模块简单进行认证访问测试。import requestsimport jsonrequests.packages.ur…

个推的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软件界面中启动该软件…

python命令行解析_python命令行解析函数

sys.argv在终端运行python 1.py hahahimportsysprint(sys.argv) #[1.py, hahah]argparsePython的命令行解析模块&#xff0c;这是一个python的内置库&#xff0c;通过在程序中我们定义好的参数&#xff0c;argparse将会从sys.argv中解析出这些参数&#xff0c;并自动生成帮助和…

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

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

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

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

python代码导出_代码生成 – Python生成Python

我有一组对象,我正在创建一个类,我想要将每个对象存储为自己的文本文件.我真的希望将其存储为一个Python类定义,它会分类我正在创建的主类.所以,我做了一些戳,并在effbot.org上找到了一个Python代码生成器.我做了一些实验,这里是我想出来的&#xff1a;## a Python code genera…