jQuery翻页插件simplePagination

所属分类:导航-分页

 54788  362  查看评论 (9)
分享到微信朋友圈
X
jQuery翻页插件simplePagination ie兼容8
相关插件-分页

基于jquery和bootstrap的分页插件jqPaginator.js

基于jquery的分页插件,引入jquery.js 、bootstrap.css该插件即可
  分页
 51301  328

jQueryPaging分页数据获取插件

基于jQuery的分页及数据获取插件
  分页
 38379  364

jQuery前端分页插件pageGroup.js

一款非常简洁漂亮方便调用的jQuery前端分页,没有多余的JS和文件,页面多可隐藏
  分页
 60296  376

jQuery长文本分页插件textify

jQuery实现的长文本分页特效,textify是一个jQuery插件,可以自动创建一个有吸引力的和现代的你的内容布局,避免让用户不再枯燥的文本。
  分页
 33150  359

讨论这个项目(9)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Renegade_Jeep 0
    2019/5/20 22:30:24
    卧槽 下载完了.真的不值....最起码 初始化完了应该返回页码啊...回调时也该有的啊....总结来说 什么玩意啊...卧槽 回复
    健健康康 0
    2016/8/1 11:08:10
    时刻准备着 0
    2015/11/19 14:11:59

    此插件重新计算页数有问题。比如说查询,点两次才会重新计算页面。太坑了。

    回复
    shenghuomomo 3
    2015/9/14 16:09:25

    可选参数

    items

    整型

    默认: 1

    用来计算页数的项目总数。

    itemsOnPage

    整型

    默认: 1

    每个页面显示的项目数。

    pages

    整型

    可选

    如果定义,itemsitemsOnPage就不会用来计算页面数。

    displayedPages

    整型

    默认: 5

    导航栏显示的页面数。

    最小值:3(previous,当前页和next)。

    edges

    整型

    默认: 2

    当页面数量比较多的时候,在最后Prev后和Next前的页面数(如上图light-theme和compact-theme是2,dark-theme是3)。

    currentPage

    整型

    默认: 1

    初始化完之后的选择的页面。

    hrefTextPrefix

    字符串

    默认: "#page-"

    加在页面数之前的文字。

    hrefTextSuffix

    字符串

    默认: empty string

    加在页面数之后的文字。

    prevText

    字符串

    默认: "Prev"

    “上一页”显示的文字。

    nextText

    字符串

    默认: "Next"

    “下一页”显示的文字。

    labelMap

    数组

    默认: empty array

    A collection of labels that will be used to render the pagination items, replacing the numbers.

    cssStyle

    字符串

    默认: "light-theme"

    CSS主题,一共三种,light-theme,dark-theme和compact-theme。

    selectOnClick

    布尔值

    默认: true

    False的时候内容会变,但是当前选择页面不会跳转。(就是你看第八页内容,结果还是选择第一页)

    onPageClick(pageNumber, event)

    函数

    可选

    当页面被点击时调用的函数。

    可选参数:页面数和事件。

    onInit

    函数

    可选

    初始化调用的函数。

    方法

    selectPage - 根据页面数选择页面

    $(function() {

        $(selector).pagination('selectPage', pageNumber);

    });


    prevPage - 选择前一页

    $(function() {  $(selector).pagination('prevPage');});


    nextPage - 选择后一页

    $(function() {

        $(selector).pagination('nextPage');

    });


    getPagesCount - 获得总的页面数

    $(function() {

        $(selector).pagination('getPagesCount');

    });


    getCurrentPage - 获得当前页面

    $(function() {

        $(selector).pagination('getCurrentPage');

    });


    disable - 禁止翻页功能

    $(function() {

        $(selector).pagination('disable');

    });


    enable - 开启翻页功能

    $(function() {

        $(selector).pagination('enable');

    });


    destroy - 视觉上关闭翻页,配置保留


    $(function() {

        $(selector).pagination('destroy');

    });


    redraw - 打开翻页,仍然使用之前的配置

    $(function() {

        $(selector).pagination('redraw');

    });


    updateItems - 允许动态计算翻页的内容数


    $(function() {

        $(selector).pagination('updateItems', 100);

    });


    updateItemsOnPage - 更新每页的内容数

    $(function() {

        $(selector).pagination('updateItemsOnPage', 20);

    });


    drawPage - 把页面数作为参数,当成当前页

    $(function() {

        $(selector).pagination('drawPage', 5);

    });



        skaier0
        2016/8/10 22:08:35
        谢谢分享
    回复
    zysnba 0
    2015/9/1 13:09:22

    有木有说明文档昂.

    回复
    Npc 0
    2015/6/9 13:20:11
    很多网站都下的,为什么要收金币呢? 回复
    jquery_js 0
    2015/5/29 17:12:28
    卖西瓜的小火柴 0
    2015/5/28 10:37:16
    有木有说明文档昂. 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复