知识分类
后端
前端
设计
开源组件/产品
APP
其他
广告招募

jQuery分页插件twbsPagination 一些坑和使用技巧

管理员
发布于:2024-05-21 14:45:52

twbsPagination 是一款jquery的分页插件,简单易用,但是使用过程中回到一些问题,下面一步步讲解帮你避坑。

1.twbsPagination 加载完之后会自动调用一次方法,只需要设置initiateStartPageClick这个属性即可:

initiateStartPageClick:false

2.如何注销清空twbsPagination ,很多时候要重新生成twbsPagination ,只需要在添加以下代码(navigation是你的DOM元素ID):

   $('#navigation').empty();
   $('#navigation').removeData("twbs-pagination");
   $('#navigation').unbind("page");

3.如何去掉首页,下一页等元素,把不需要的设置为空就行:

  first: '首页',
  last: '末页',
  prev: '',
  next: '',

完整代码:

            function selAllLecture(year, month, page, pageinit) {
                if (pageinit) {
                    $('#navigation').empty();
                    $('#navigation').removeData("twbs-pagination");
                    $('#navigation').unbind("page");
                }

                $.ajax({
                    type: "post",
                    url: "",
                    data: {
                        year: year,
                        month: month,
                        page: page,
                        pagesize: 1
                    },
                    success: function(data) {
                        if (data.code == 0) {
                            $('#navigation').twbsPagination({
                                totalPages: data.data.last_page,
                                visiblePages: 7,
                                first: '首页',
                                last: '末页',
                                prev: '',
                                next: '',
                                hideOnlyOnePage: true, //只有一页时不展示分页
                                initiateStartPageClick: false,
                                onPageClick: function(event, page) {
                                    selAllLecture(year, month, page, false);
                                }
                            });

                        }

                    },
                    complete: function() {

                    }
                });
            }
上一篇:JavaScript 判断对象是否为空的有效方法
下一篇:decimal.js 数字加减乘除再用不用担心精度问题
搜索内容
最新文章
  • 非可框架,懒人接口生成器应用发布,让
  • 爬虫监控就像给网站装心跳监测仪,非可
  • 非可框架,Google Authen
  • 连接WIFI出现无Internet
  • 免费AI SEO工具,SEO的AI生
  • OBS在银河麒麟或ubuntu等核心
  • 常见主板开机进入bios热键,一张图
  • 微软常用运行库VC++合集下载,解决
  • MSYS2中安装使用GCC的正确方法
  • 用了这些网站,多出来的时间让你摸鱼
精彩文章
  • 1 MSYS2中安装使用GCC的正确方法
  • 2 JavaScript 判断对象是否为
  • 3 什么是PHP站群以及使用php开源框
  • 4 连接WIFI出现无Internet
  • 5 Layui 怎么样更换主题颜色?
  • 6 常见主板开机进入bios热键,一张图
  • 7 FrameCoder非可,基于web
  • 8 小程序真机调试 报错 define
  • 9 vscode用一个插件快速生成Vue
  • 10 免费AI SEO工具,SEO的AI生
工信部备案:苏ICP备2023011827号-1
苏公网安备 32111202000338号