一个通用的前端分页！不需要后端分页

前言：

这个方法虽然很方便。不需要分页调用！但是全部数据一起调出来。。。这个就留给你们去想吧！

开始：

首先要准备需要用到必须文件比如类库

1. JQ框架库！这是必须的{传送门}

2. 分页框架 ：jPages  传送门

3. 然后就没有了

首先当然是引入类库啦  这些大家应该有经验了吧，如果没有可用看一下分页实例代码

第一步 引入

第二步：

使用 

<ul><li></li></ul>进行包裹  然后给ul 一个ID  什么ID  自己弄就好啦  比如：<ul id='aaa'>

 JQ 代码

$("div.holder").jPages({    
containerID: "itemContainer",    
callback    : function( pages,items ){    
$("#legend1").html("第" + pages.current + "页 共"+ pages.count+"页");    
$("#legend2").html( "  ( 共" + items.count+'条)');    
}	    
});

HTML代码（这里是分页的代码  装载分页的）

<div class ='page'>	     
<div class="holder"></div>    
<div id="legend1"></div>    
<div id="legend2"></div>    
<div id='select'>    
<input type ='text' value='1' class='pages'><button class='buttoms'>GO</button>    
</div>    
</div>

输入页面转跳代码

$('.buttoms').click(function(){    
  	var page = parseInt( $(".pages").val() );    
$("div.holder").jPages( page );    
})

实例效果

 

如使用上有问题可加我个人 QQ ： 404199852  备注在  php.cn 博客看到联系方式  微信同号！

感谢php中文网提供博客系统