博客
关于我
Bootstrap Paginator 分页插件
阅读量:329 次
发布时间:2019-03-04

本文共 685 字,大约阅读时间需要 2 分钟。

一、插件简介

Bootstrap Paginator是一款基于Bootstrap和jQuery的分页组件。

github地址为:

中文介绍比较详细的: 

效果图如下:

二、插件使用

1、下载源码

下载最新的源码解压之后,如下:

2、引入必要的css和js文件。

3、用一个div来展示

    4、JS代码

    $('#pageLimit').bootstrapPaginator({        currentPage: 1,        totalPages: 10,        size:"normal",        bootstrapMajorVersion: 3,        alignment:"right",        numberOfPages:5,        itemTexts: function (type, page, current) {                switch (type) {                    case "first": return "首页";                    case "prev": return "上一页";                    case "next": return "下一页";                    case "last": return "末页";                    case "page": return page;        }    }});
    5、效果如下

    你可能感兴趣的文章
    nginx+mysql+redis+mongdb+rabbitmq 自动化部署脚本
    查看>>
    nginx+php的搭建
    查看>>
    nginx+tomcat+memcached
    查看>>
    Nginx+Tomcat实现动静分离
    查看>>
    nginx+Tomcat性能监控
    查看>>
    nginx+uwsgi+django
    查看>>
    nginx+vsftp搭建图片服务器
    查看>>
    Nginx-http-flv-module流媒体服务器搭建+模拟推流+flv.js在前端html和Vue中播放HTTP-FLV视频流
    查看>>
    nginx-vts + prometheus 监控nginx
    查看>>
    Nginx/Apache反向代理
    查看>>
    nginx: [emerg] getpwnam(“www”) failed 错误处理方法
    查看>>
    nginx: [emerg] the “ssl“ parameter requires ngx_http_ssl_module in /usr/local/nginx/conf/nginx.conf:
    查看>>
    nginx:Error ./configure: error: the HTTP rewrite module requires the PCRE library
    查看>>
    Nginx、HAProxy、LVS
    查看>>
    Nginx下配置codeigniter框架方法
    查看>>
    Nginx中使用expires指令实现配置浏览器缓存
    查看>>
    nginx中配置root和alias的区别
    查看>>
    nginx主要流程(未完成)
    查看>>
    Nginx之二:nginx.conf简单配置(参数详解)
    查看>>
    Nginx从入门到精通
    查看>>