来自 澳门金莎娱乐手机版 2019-09-15 04:06 的文章
当前位置: 金沙澳门官网网址 > 澳门金莎娱乐手机版 > 正文

澳门金莎娱乐手机版分页切换时无刷新与延迟

原项目地址:
版本:v1.2
源文件下载:立陶宛共和国(Republic of Lithuania)语原版 或汉语翻译修改版

一、相关demo

  • 基本demo页面
  • Ajax demo页面
  • 参数可编写制定demo页面

二、简单介绍与认证

  • 此jQuery插件为Ajax分页插件,壹遍性加载,故分页切换时无刷新与延迟,若是数据量极大不提出用此方法,因为加载会非常的慢。
  • 原插件CSS不太合理,使用浮动,故无法方便完毕左右势头的稳固,且未清除浮动,在中文言修改版中本人对其进展了优化,使其援救text-align的定点。
  • 对原js文件注释实行了汉译,demo页面也是汉化了的,demo页面包车型客车js与原demo有部分出入,但基本不改变。

三、使用办法

跟一般的jQuery插件同样,此插件使用也很轻易便捷。方法是pagination,例如$("#page").pagination(100);,这里的100参数是必需的,表示显示档期的顺序的总个数,那是最简单易行的施用,得到的显得如下:
澳门金莎娱乐手机版 1

还会有某个值得说的是分页列表要求放在class类为pagination的价签内,您能够动用text-align属性调控分页居中呈现依然居右突显。

回调函数一般用来装载对应分页呈现的剧情,具体参见demo源文件。

四、参数

参数名 描述 参数值
maxentries 总条目数 必选参数,整数
items_per_page 每页显示的条目数 可选参数,默认是10
num_display_entries 连续分页主体部分显示的分页条目数 可选参数,默认是10
current_page 当前选中的页面 可选参数,默认是0,表示第1页
num_edge_entries 两侧显示的首尾分页的条目数 可选参数,默认是0
link_to 分页的链接 字符串,可选参数,默认是"#"
prev_text “前一页”分页按钮上显示的文字 字符串参数,可选,默认是"Prev"
next_text “下一页”分页按钮上显示的文字 字符串参数,可选,默认是"Next"
ellipse_text 省略的页数用什么文字表示 可选字符串参数,默认是"…"
prev_show_always 是否显示“前一页”分页按钮 布尔型,可选参数,默认为true,即显示“前一页”按钮
next_show_always 是否显示“下一页”分页按钮 布尔型,可选参数,默认为true,即显示“下一页”按钮
callback 回调函数 默认无执行效果

五、使用举个例子

比方说上边包车型客车行使代码:

复制代码 代码如下:

$("#Pagination").pagination(56, {
num_edge_entries: 2,
num_display_entries: 4,
callback: pageselectCallback,
items_per_page:1
});

这段代码表示的意义是:总共有56(maxentries)个列表项,首尾两边分页展现2(num_edge_entries)个,接二连三分页主体数量显示4(num_display_entries)个,回调函数为pageselectCallback(callback),每页展现的列表项为1(items_per_page)。您能够比较参数表修改配置这里的参数。六、关于demo的一些证实

一同有八个demo,第3个demo便是个静态的数量,直接写在HTML上;第三个应用Ajax加载HTML数据,然后进行分页突显;第1个demo能够动态修改部分参数观望对应的分页效果。

具有demo页面包车型客车js注释笔者都改为了普通话标明,难题在于回调函数,demo中回调函数有四个参数,二个是page_index,另一个是jq,前一个意味着您当前点击的可怜分页的页数索引值,后三个参数表示装载容器。这里的页数索引值是注重,我们要基于那一个索引值找到呼应的(譬如)HTML成分,然后再钦点的器皿中展现出来,demo中提供了装载单成分以及多成分的格局,相信不会有太大主题材料。
澳门金莎娱乐手机版 2

好吧,就这些!

若是您开采小说中有发挥不确切或是有有关问题亟需沟通能够因此评价可能去这里进行提问沟通。
(本篇完)

您大概感兴趣的小说:

  • 用jQuery中的ajax分页完结代码
  • jQuery scroll事件达成监督滚动条分页示例
  • JQuery+Ajax无刷新分页的实例代码
  • 凭借jQuery的贯彻轻易的分页控件
  • 依据JQuery的Pager分页器完结代码
  • jQuery中jqGrid分页实当代码
  • jQuery EasyUI API 华语文书档案 - Pagination分页
  • jQuery EasyUI datagrid完毕本地分页的方法
  • jQuery DataTables插件自定义Ajax分页实例深入分析
  • 听大人说jquery.page.js达成分页效果

本文由金沙澳门官网网址发布于澳门金莎娱乐手机版,转载请注明出处:澳门金莎娱乐手机版分页切换时无刷新与延迟

关键词: