首页 / 更多教程 / layer+dates -----分页

layer+dates -----分页

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了layer+dates -----分页，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1472字，纯文字阅读大概需要3分钟。

内容图文

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="laypage-v1.3/laypage/skin/laypage.css"/>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="laypage-v1.3/laypage/laypage.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="page1">

</div>
<div id="view1">

</div>
<script type="text/javascript">
//以下将以jquery.ajax为例，演示一个异步分页
function demo(curr){
//alert(Math.ceil(5/2));
$.get(‘http://ons.me/tools/dropload/json.php‘, {
page: curr || 1, //向服务端传的参数，此处只是演示
size:2
}, function(res){
console.log(res);
//此处仅仅是为了演示变化的内容
var demoContent = (new Date().getTime()/Math.random()/1000)|0;
var dd="<ul>";
for(var i=0;i<res.length;i++){
dd +="<li>"+ res[i].id+"-----"+res[i].title+"</li>";
}
dd +="</ul>";
$(‘#view1‘).append(dd);
//显示分页
laypage({
cont: ‘page1‘, //容器。值支持id名、原生dom对象，jquery对象。【如该容器为】：<div id="page1"></div>
pages: 15, //通过后台拿到的总页数
skin: ‘#c00‘, //加载内置皮肤，也可以直接赋值16进制颜色值，如:#c00
groups: 7 ,//连续显示分页数
skip: true, //是否开启跳页
curr: curr || 1, //当前页
jump: function(obj, first){ //触发分页后的回调
if(!first){ //点击跳页触发函数自身，并传递当前页：obj.curr
demo(obj.curr);
$(‘#view1‘).html(" ");
}
}
});
});
};
//运行
demo();
</script>
</body>
</html>

原文：http://www.cnblogs.com/duguangyan/p/6502133.html

内容总结

以上是互联网集市为您收集整理的layer+dates -----分页全部内容，希望文章能够帮你解决layer+dates -----分页所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1179633.html

来源：【匿名】