分页simplePagination

github地址
官网
中文文档

根据业务封装了一个简单的插件
效果：

image.png

源码:
github地址

;(function($){

    $.fn.wbPagination = function(option){
        let that = this;
        let defaults = {
            items: 0,
　　        itemsOnPage: 20,
            displayedPages:7,
            edges:1,
            prevText:"上一页",
            nextText:'下一页',
            isShowALlCourt:true,
            cssStyle: 'light-theme',
            onPageClick: function(pageNumber, event){
               console.log(1)
            }
        }
        // 翻页的点击事件
        function pageClick(pageNumber, event){
            $(that).find('.jump-input').val(pageNumber)
            if(option.onPageClick){
                option.onPageClick(pageNumber, event);
            }
        }
        var opt = $.extend(true,defaults,option);
        opt.onPageClick = pageClick;
        let  domStr = `
        

            

        
        

            总共${opt.items}条,
            

            跳转到：第
            
            页
            
            跳转
        
        `
        let $dom = $(domStr);
        if(!opt.isShowALlCourt){
            $dom.find('.showALlCourt').hide()
        }
        $dom.find('.pagination').pagination(opt);
        $dom.find('.jump-input').val(1);
        $dom.find('.jump-to-page').click(function(){
            let page = $(that).find('.jump-input').val();
            $dom.find('.pagination').pagination('selectPage', page);
        })
        $(that).append($dom);
    }
})($)