开源中国 2018 年度最后一场技术盛会邀你来约~错过就要等明年啦!点此立即预约

BoXuan / jquery-page-navMIT

Watch 1 Star 3 Fork 1
加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
基于jQuery(当前使用的为3.3.1版本)的翻页控件。 对外可调用函数主要为: set 此函数在不重复创建PageNav对象的情况设置参数。 selected 此函数为设置选中页,最最最主要的函数。 样例使用: var pageNav = new PageNav("page_nav", pageTotals, pageTotals, "auto", null); //具体参数含义可参看构造函数注释。 $(html容器).html(... 展开 收起

zkpursuit 最后提交于 dsa
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md

jquery-page-nav

基于jQuery(当前使用的为3.3.1版本)的翻页控件。 对外可调用函数主要为: set 此函数在不重复创建PageNav对象的情况设置参数。 selected 此函数为设置选中页,最最最主要的函数。 $object 这个函数返回基于jQuery的翻页组件对象,可由其他jQuery容器的html或append函数添加以达到显示翻页组件,这个也非常重要,也必须这么做,不然显示不了。

样例使用或者每次页面刷新: var pageNav = new PageNav("page_nav", 总页数, 显示的页号按钮个数, "auto", null); //具体参数含义可参看构造函数注释。 $(html容器).html(pageNav.$object());

ajax使用方法: function ajaxSuccessFunction(data) { //data为json结构,必须包含pageTotals、pageIndex字段 var pageTotals = data["pageTotals"]; var pageIndex = data["pageIndex"]; var pageNav = new PageNav("page_nav", pageTotals, 显示的页号按钮个数, "auto", fan_ye); $(html容器).html(pageNav.$object()); pageNav.selected(pageIndex); } function fan_ye(pageIndex) { ajax(ajaxSuccessFunction); //此为语义写法,非真实写法 }

项目点评 ( 0 )

你可以在登录后,发表评论

搜索帮助