注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

jQuery动态生成分页列表代码

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2022-05-04
jQuery动态生成分页列表代码
这是一款很实用的jQuery动态生成分页列表代码,每页固定数量列表的分页样式,非常不错的jQuery动态分页插件。


js代码

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<!--引入JS模板引擎-->
<script type="text/javascript" src="js/template.js"></script>
<!--引入客服端分页插件-->
<script type="text/javascript" src="js/cPager.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	var json = { data: [] };
	for (var i = 1; i <= 350; i++) {
		json.data.push({ name: "姓名--000" + i });
	}

	//渲染模板
	$("#listShow").html(TrimPath.processDOMTemplate("listTemplate", json));
	//调用客户端分页
	$(this).cPager({
		pageSize: 8, //每一页显示的记录条数
		pageid: "pager", //分页容器ID
		itemClass: "li-item" //个体元素名称
	});
});
</script>