jquery.simplepagination用法.js的容器在哪

jQuery Simple Pagination | jQuery Plugin Registry
GitHub Activity
Dependencies
jquery >=1.7.0开发语言:
Javascript/jQuery
运行环境:
官方地址:
http://flaviusmatis.github.io/simplePagination.js
综合评分:
相关标签:
导航菜单,分页控件
simplePagination 是一个简单的 jQuery 分页插件,simplePagination 使用了 CSS3 主题,并且支持 Bootstrap 样式,演示中默认支持三种主题。使用此分页插件结合服务器端程序可以制作 Ajax 分页,不但界面漂亮,并且有很好的用户体验。
jQuery 分页插件&simplePagination 的使用方法:一、引用文件,样式文件中默认集成三种主题link&type=&text/css&&rel=&stylesheet&&href=&path_to/simplePagination.css&/&
&script&type=&text/javascript&&src=&path_to/jquery.js&&&/script&
&script&type=&text/javascript&&src=&path_to/jquery.simplePagination.js&&&/script&二、HTML&div&id=&selector&&class=&pagination&&&/div&三、调用插件:$(function()&{
&&&&$(&#selector&).pagination({
&&&&&&&&items:&100,
&&&&&&&&itemsOnPage:&10,
&&&&&&&&cssStyle:&'light-theme'
注:转载必须标明本站名称、本文链接。
本文链接:
Copyright & 2012 - 2016 HoldCode v1.7.1 All Rights Reserved
联系方式:联系方式不能为空
问题描述:问题描述不能为空jQuery翻页插件simplePagination - 灰狼IT路
jQuery翻页插件simplePagination
jquery simplePagination简单的自动分页生成插件,刚才在17素材网看到这个东西,觉得很不错,就将其转移到博客过来了,以后要用的话,也比较方便。好吧,其他不多说,上个预览图看看,总共有3种表现形式:预览地址:如果不嫌麻烦,直接点击预览地址查看HTML即可下载所有的CSS,JS文件,或者点击以下地址进行下载文件包。
添加新评论下次自动登录
现在的位置:
& 综合 & 正文
jquery.pagination.js创建一个漂亮的分页条
做网站有一个经常需要用到的小模块就是分页,分页功能的实现需要前台和后台共同共同完成,大体来说,分页主要需要知道这么几个参数:总条数、每页显示的条数、计算得到的总页数、当前页数、点击的下一页数;
如果你做过分页,就应该知道这么一个常常需要重做的模块是有多么烦人了。你需要在重多的前台和后台的数据逻辑中寻找出清晰的思路来。如果是前台界面已经设计完善,那么工作量可能就要小很多。
做了这么多的分页,你的分页界面还是这样吗?
额,这样会不会好很多。
这是一个应用jquery.pagination.js创建的还算不错的分页条,它的所有参数都放在了js中,从后台传入参数填写到相应的位置,再把当前页数传回后台,分页条就做好了。应用还是很方便的。
源文件下载链接:
下面是在网上搜集的一些jquery.pagination.js的参数说明:
maxentries
必选参数,整数
items_per_page
每页显示的条目数
可选参数,默认是10
num_display_entries
连续分页主体部分显示的分页条目数
可选参数,默认是10
current_page
当前选中的页面
可选参数,默认是0,表示第1页
num_edge_entries
两侧显示的首尾分页的条目数
可选参数,默认是0
分页的链接
字符串,可选参数,默认是"#"
“前一页”分页按钮上显示的文字
字符串参数,可选,默认是"Prev"
“下一页”分页按钮上显示的文字
字符串参数,可选,默认是"Next"
ellipse_text
省略的页数用什么文字表示
可选字符串参数,默认是"…"
prev_show_always
是否显示“前一页”分页按钮
布尔型,可选参数,默认为true,即显示“前一页”按钮
next_show_always
是否显示“下一页”分页按钮
布尔型,可选参数,默认为true,即显示“下一页”按钮
pageselectCallback
当点击链接的时候此函数被调用,此函数接受两个参数,新一页的id和pagination容器(一个DOM元素)。如果回调函数返回false,则pagination事件停止执行
&&&&推荐文章:
【上篇】【下篇】}

我要回帖

更多关于 jquery pagination 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信