jquery li ul 伪分页_jquery-ul-li实现分页功能 转载仅供交流

js文件代码：

(function($){

$.fn.Pages = function(options){

var opts = $.extend({},$.fn.Pages.defaults, options);

return this.each(function(){

var $this = $(this);

var $PagesClass = opts.PagesClass; // 分页元素

var $AllMth = $this.find($PagesClass).length;  //总个数

var $Mth = opts.PagesMth; //每页显示个数

var $NavMth = opts.PagesNavMth; // 导航显示个数

// 定义分页导航

var PagesNavHtml = "

首页 上一页 ...

class=\"Ellipsis\">...

下一页 尾页 直接到第页 确定

";

/*默认初始化显示*/

if($AllMth > $Mth){

//判断显示

var relMth = $Mth - 1;

$this.find($PagesClass).filter(":gt("+relMth+")").hide();

// 计算数量,页数

var PagesMth = Math.ceil($AllMth / $Mth); // 计算页数

var PagesMthTxt = "共"+$AllMth+"条，共"+PagesMth+"页";

$this.append(PagesNavHtml).fi