浏览器js做简单分页（JQuery）

代码狂魔v

于 2021-01-01 11:56:49 发布

阅读量191

点赞数

分类专栏：代码狂魔文章标签： javascript jquery

本文链接：https://blog.csdn.net/xvktdmjg/article/details/112059323

版权

本文介绍了在浏览器端使用JavaScript和JQuery进行简单分页的方法，特别提醒，此方法仅适用于数据量较小的情况，因为大量数据可能导致浏览器卡死。推荐在服务器端处理分页以避免性能问题。提供了相关资源的引入方式和模板访问链接。

摘要由CSDN通过智能技术生成

浏览器js做简单分页（JQuery）

注意，正经需求千万不要用js在浏览器分页，数据太多浏览器压力会很大，实测4W张图片浏览器卡死，如果不想加班老老实实在服务器端做分页吧！
此js分页适用于数据量较小的情况
使用：
1. 引入js文件，参考https://www.jq22.com/jquery-info10344
2. 按文件内结构引入相关资源
3. 创建div
4. 在此div上初始化分页
更多模板访问http://www.jq22.com

<div class="zxf_pagediv"></div>
<script type="text/javascript">
	/*
	 * js实现分页，适用于数据div被外层div包含的情况
	 * <div id="masonry">
	 *     <div src="data"/>
	 *     <div src="data"/>
	 *     <div src="data"/>
	 *     ...
	 * </div>
	 */
	var len