jQuery分页插件,

  jQuery分页插件,

  JQuery分页Ajax分页插件中文详解

  jQuery分页Ajax分页插件的中文解释来自

  版本:1.2版

  下载源文件:英文原版或中文修订版。

  翻译:张新旭本文地址:http://www.zhangxinxu.com/wordpress/? p=616

  本文作者为张新旭来自:张新旭-鑫空间-鑫生活欢迎原创出处。

  I相关演示基础演示页面Ajax演示页面参数可编辑演示页面地址:http://www.zhangxinxu.com/wordpress/? p=616

  本文作者为张新旭来自:张新旭-鑫空间-鑫生活欢迎原创出处。

  二。介绍和说明这个jQuery插件是Ajax分页插件,一次性加载,所以分页切换时没有刷新和延迟。如果数据量很大,不推荐这种方法,因为加载会很慢。原来的插件CSS不太合理,而且是浮动的,左右方向不容易定位,浮动也没有清除。在中文修订版中,我对其进行了优化,以支持文本对齐的定位。原js文件的注释翻译成中文,演示页面也是中文。演示页面的js与原演示不同,但核心不变。本文地址:http://www.zhangxinxu.com/wordpress/? p=616

  本文作者为张新旭来自:张新旭-鑫空间-鑫生活欢迎原创出处。

  第三,使用方法和一般的jQuery插件一样。这个插件使用起来也非常简单方便。方法是分页,比如$(#page )。分页(100);这里,100参数是必需的,表示显示的项目总数。这是最简单的用法,结果显示如下:

  另外值得一提的是,分页列表需要放在带有类pagination的标签中。您可以使用text-align属性来控制分页是显示在中间还是右边。

  回调函数通常用于加载相应分页显示的内容。详情请见演示源文件。

  本文地址:http://www.zhangxinxu.com/wordpress/? p=616

  本文作者为张新旭来自:张新旭-鑫空间-鑫生活欢迎原创出处。

  四。参数名称说明参数值maxentries必选参数,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。可选参数,默认为显示“下一页”按钮。回调函数默认没有执行效果。地址:http://www.zhangxinxu.com/wordpress/? p=616

  本文作者为张新旭来自:张新旭-鑫空间-鑫生活欢迎原创出处。

  五、使用例子如下面的使用代码:

  $(#Pagination )。分页(56,{

  数量_边缘_条目:2,

  数量_显示_条目:4,

  回调:pageselectCallback,

  每页的项目数:1

  这段代码的意思是总共有56个(maxentries)列表项,2个(num_edge_entries)显示在前后页,4个(num_display_entries)显示在连续页,回调函数为pageselectCallback(callback),每页显示的列表项为1(items_per_page)。您可以在此根据参数表修改和配置参数。

  本文地址:http://www.zhangxinxu.com/wordpress/? p=616

  本文作者为张新旭来自:张新旭-鑫空间-鑫生活欢迎访问。

  不及物动词关于演示的一些说明一共有三个演示。第一个演示是静态数据,直接用HTML写的;第二个使用Ajax加载HTML数据,然后在页面中显示。第三个演示可以动态修改一些参数,观察相应的分页效果。

  我把所有演示页面的js注释都改成了中文注释。难点在于回调函数。在demo中,回调函数有两个参数,一个是page_index,一个是jq。前者表示您当前点击的页面的页面索引值,后者表示加载容器。这里,页数的索引值是关键。我们要根据这个索引值找到对应的(比如)HTML元素,然后在指定的容器中显示出来。演示程序提供了加载单个元素和多个元素的方法。我相信不会有太大问题。

  好了,就这样吧!

  如果发现文章中有表述不准确或者相关问题需要交流,可以评论或者到这里提问交流。

  原创文章,转载请注明来自张新旭-新空间-新生活[http://www.zhangxinxu.com]

  本文地址:http://www.zhangxinxu.com/wordpress/? p=616

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • 使用jquery实现图片轮播效果如何,jQuery图片轮播
  • 使用jquery实现图片轮播效果如何,jQuery图片轮播,使用jQuery实现图片轮播效果
  • 举例说明jquery中each函数的使用,jquery each()
  • 举例说明jquery中each函数的使用,jquery each(),JQuery中each()的使用方法说明
  • 一篇文章带你了解jquery动画人物,一篇文章带你了解jquery动画制作
  • 一篇文章带你了解jquery动画人物,jquery的动画,一篇文章带你了解jQuery动画
  • trigger的用法总结,jquery trigger 传参数
  • trigger的用法总结,jquery trigger 传参数,jQuery中值得注意的trigger方法浅析
  • js hover 触发事件显示另一元素,js hover 触发事件,jQuery中多个元素的Hover事件解决方案
  • js apply 实现原理,jquery apply用法_1
  • js apply 实现原理,jquery apply用法
  • js apply 实现原理,jquery apply用法,js中apply方法的使用详细解析
  • js apply 实现原理,jquery apply用法,JS中apply()的应用实例分析
  • jq获取radio选中的值,jquery radio 取值
  • jq获取radio选中的值,jquery radio 取值,Jquery获取radio选中值实例总结
  • 留言与评论(共有 条评论)
       
    验证码: