Watch 1 Star 3 Fork 1

zkpursuit / jquery-page-navMIT

Sign up for free
Explore and code with more than 2 million developers,Free private repositories !:)
Sign up
基于jQuery(当前使用的为3.3.1版本)的翻页控件。 对外可调用函数主要为: set 此函数在不重复创建PageNav对象的情况设置参数。 selected 此函数为设置选中页,最最最主要的函数。 样例使用: var pageNav = new PageNav("page_nav", pageTotals, pageTotals, "auto", null); //具体参数含义可参看构造函数注释。 $(html容器).html(... spread retract

Clone or download
zkpursuit authored dsa
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
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); //此为语义写法,非真实写法 }

Comments ( 0 )

You need to Sign in for post a comment

Help Search