• 分页插件pagination.js


    项目中有分页功能,之前都是自己写,样式不好看,功能也简单,就找了这个插件pagination.js

    页面导入pagination.js

    html代码

    1  <div class="list_button">
    2 </div>

    js代码

     1  $('.list_button').pagination({
     2                     totalData:count,
     3                     pageCount:pageCount,
     4                     showData:limitValue,
     5                     current: 1,
     6                     jump: true,
     7                     coping: true,
     8                     count: 2,
     9                     homePage: '首页',
    10                     endPage: '末页',
    11                     prevContent: '上页',
    12                     nextContent: '下页',
    13                     callback: pageCallback //pageCallback() 为翻页调用次函数。
    14                 });
    1 function pageCallback(api) {
    2     var pageNo=1 //当前页码
    3     if(api){
    4         pageNo=api.getCurrent()  //获取当前代码
    5     }
    6 }

    参考地址(可以下载):http://www.jq22.com/jquery-info5697

    demo地址:http://maxiaoxiang.com/jQuery-plugins/plugins/pagination.html

    js下载地址:https://github.com/zhaobao1830/paginationjs

  • 相关阅读:
    学习嵌入式规划
    函数指针与指针函数
    css3
    css
    file upload使用iframe
    上传图片,文件
    table td里面的内容多的话出...
    html5 新标签
    html element
    css/html规范
  • 原文地址:https://www.cnblogs.com/zhaobao1830/p/6339473.html
Copyright © 2020-2023  润新知