jquery pagination分页 页码显示出来的原理

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery pagination分页 页码显示出来的原理相关的知识,希望对你有一定的参考价值。

使用jquery pagination 做分页,,上图这个页码是自动生成的是吗?原理是什么呢!?刚使用不太懂,请大神指教!!谢谢

参考技术A 获取总页数和当前页,就可以显示出来了。追问

谢谢您的解答,我是新手,请问大神:jquery pagination 做分页 前后台的流程是怎么样的呢?

我在js插件里alert了总页数和我修改的参数值,都获取到了,但页面上分页列表并没有显示,接下来我要怎么做才能显示出页码呢?感谢大神指教!

追答

首先是DOM里没有代码还是有了代码没有样式?这种情况下自己定义一下CSS看看。

然后是用分页的API,比如

$('#Pagination').pagiation(9);

这样。

追问

页面页码显示的div和引入的js插件以及css样式

插件已经确定引入进来了,为什么页码显示不出来呢?

页码是靠js插件中drawLinks()生成的,但是并没有被调用。。。

本回答被提问者采纳

超好用的一个JQUERY分页器-jpaginate

jpaginate是一个自带滑动动画效果的jQuery分页插件,用户可以通过单击或只是悬停在箭头上的使页码滑动显示。

你可以用下面的方式调用插件:

$(elementID).paginate()

 

您可以通过一下属性来配置插件:

count:页面总数
start:默认选中页码
display:可见页码数量
border:边框(true/false)
border_color:边框颜色:
text_color:文本的颜色/号码
background_color:背景颜色
border_hover_color:边框悬停时颜色
text_hover_color:文本悬停时颜色
background_hover_color:背景悬停时颜色
images:箭头的背景图片(true/false)
mouse:鼠标拿下的动画效果(press/slide)
onChange:当点击一个网页。作为参数,单击“单击”的页面的数目可以被使用。

 

来个直接点的代码,更容易看。

$("#pagination0").paginate({
    count                 : 50,            
    start                 : 1,        
    display                 : 7,        
    border            : false,    
    text_color          : ‘#888‘,    
    background_color        : ‘#EEE‘,    
    text_hover_color      : ‘black‘,    
    background_hover_color    : ‘#CFCFCF‘,    
    rotate              : true,        
    images            : false,     
        mouse            : ‘press‘,
    onChange             : function(page){
                    list(page-1,pageSize);
                   }
});

本站下载链接:jpaginate

 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。互联网+时代,时刻要保持学习,携手千锋PHP,Dream It Possible。

以上是关于jquery pagination分页 页码显示出来的原理的主要内容,如果未能解决你的问题,请参考以下文章

超好用的一个JQUERY分页器-jpaginate

jquery.pagination.js分页插件的使用

Element Pagination 分页修改页码当前页无效

Django(二十)分页:

django的分页--不全也未实现

Django之扩展