宝哥软件园

jQuery分页Ajax分页插件的中文翻译(分页切换时无刷新和延迟)

编辑:宝哥软件园 来源:互联网 时间:2021-10-05

原项目地址:http://plugins.jQuery.com/project/pagination版本:v1.2源文件下载:英文原版或中文翻译修改版1。相关演示基本演示页面Ajax演示页面参数可编辑演示页面2。简介和说明这个jquery插件是一个Ajax分页插件,只加载一次,所以切换分页时没有刷新和延迟。如果数据量很大,不建议使用这种方法,因为加载速度会很慢。原来的插件CSS不合理,使用浮动,不方便实现左右方向的定位,浮动也没有清除。在修改后的中文版本中,我对其进行了优化,以支持文本对齐的定位。原始js文件的注释被翻译成中文,演示页面也被本地化。演示页面的js与最初的演示有些不同,但核心保持不变。第三,使用方法和一般的jQuery插件一样,使用起来也非常简单方便。方法是分页,例如$('#page ')。分页(100);这里,参数100是必需的,其指示显示项目的总数。这是最简单的用法,得到的显示如下:分页效果图 张鑫旭-鑫空间-鑫生活

另一点值得一提的是,分页列表需要放在类是分页的标签中。您可以使用文本对齐属性来控制分页是显示在中间还是右边。回调函数通常用于加载相应分页显示的内容。有关详细信息,请参见演示源文件。参数名称描述参数值maxentries total number required参数,integer items_per_page每页显示的条目数可选参数,默认值为10num_display_entries连续分页主要部分显示的分页条目数,默认值为10current_page当前选中的页面可选参数,默认值为0,可选参数表示第1页num_edge_entries两侧显示的条目数,默认为0link_to分页的链接字符串,可选参数, 默认为显示在“#”Prev _ text“上一页”分页按钮上的文本字符串参数,可选参数,默认为显示在“Prev‘Next _ text”分页按钮上的文本字符串参数,可选,默认为‘Next’ellipse _ text。 用什么文字表示省略的页面?默认值为“…”prev _ show _ always是否显示“上一页”分页按钮布尔值;默认值为true,即是否显示“上一页”按钮next_show_always是否显示“下一页”分页按钮Boolean可选参数,默认。也就是说,显示“下一步”按钮的回调函数默认没有执行效果。5.使用示例,例如下面的用法代码:按如下方式复制代码: $ ('# Pagination ')。分页(56,{num _ edge _ entries 3360 2,num _ display _ entries 3360 4,callback : page selectcallback,items _ per _ page :1 });这段代码的意思是总共有56个(maxentries)列表项,页面两侧显示2个(num_edge_entries),连续页面显示4个(num_display_entries),回调函数为pageselectCallback(回调),每页显示的列表项为1个(items_per_page)。您可以根据参数表在此修改和配置参数。6.关于演示的一些说明总共有三个演示。第一个演示是静态数据,直接写在HTML上。第二种使用Ajax加载HTML数据,然后在页面中显示。第三个演示可以动态修改一些参数,观察相应的分页效果。我把所有演示页面的js注释都改成了中文注释,但是难点在于回调函数。demo中的回调函数有两个参数,一个是page_index,另一个是jq。前者指示当前被点击页面的页面索引值,后者参数指示加载容器。这里,页面索引值是关键。我们需要根据这个索引值找到对应的(例如)HTML元素,然后在指定的容器中显示出来。demo提供了加载单元素和多元素的方法,所以相信不会有大问题。一些参数 张鑫旭-鑫空间-鑫生活

好了,就这样!如果发现文章中的表述不准确或者有相关问题需要交流,可以通过评论或者到这里来交流问题。(本文结束)

更多资讯
游戏推荐
更多+