Boostrap 插件汇总

分页插件

bootstrap-paginator.js

 $(".pagination").bootstrapPaginator({
            //设置版本号
            bootstrapMajorVersion: 3,
            // 显示第几页
            currentPage: pageCurrent,
            // 总页数
            totalPages: pageSum,
            //当单击操作按钮的时候, 执行该函数, 调用ajax渲染页面
            onPageClicked: function (event,originalEvent,type,page) {
                // 把当前点击的页码赋值给currentPage, 调用ajax,渲染页面
                currentPage = page
                callback && callback()
            }
        })

参考:https://www.cnblogs.com/zooey/p/9218089.html

GitHub地址:https://github.com/lyonlai/bootstrap-paginator

星级评价插件

bootstrap-star-rating

$("#starRating").rating({
          min: 0,
          max: 10,
          step: 1,
          size: "xs",
          stars: 5,
          showClear: false,
          starCaptions: function(val) {
            return val
          },
          starCaptionClasses: function(val) {
            return "badge badge-default"
          },
        })
//设置默认选中值
$("#starRating").rating("update", 5)
//获取选中值
var ratingValue = $("#starRating").rating().val()

API 地址:https://plugins.krajee.com/star-rating#features

下载地址:https://www.bootcdn.cn/bootstrap-star-rating/