快捷搜索:

一步步打造漂亮的新闻列表(无刷新分页、内容

前面两个章节我们将需求阐发和概要设计简单先容了,接下来是重点的编代码的阶段了(实现无刷新分页)。在编写代码之前,必然要有计划的去编写代码,不能一开始啥也不管就开始编代码,除非你特牛。

我们来看一下需求阐发:

3.==》无刷新的分页读取新闻列表,在点击下一页的时刻触发事故,调用ajax去数据库中查找下一页的数据并返回,然后显示在页面上。

这里面有两个事故,都是js事故,我们用jquery代码来实现。

分页的话,我们采纳jquery的分页插件pagination,官方地址为http://plugins.jquery.com/project/pagination下载js文件和css文件(最下面附下载地址)

先讲讲它的基础用法:

跟一样平常的jQuery插件一样,此插件应用也很简单便捷。措施是pagination,例如$("#page").pagination(100);,这里的100参数是必须的,表示显示项目的总个数,这是最简单的应用。

例如下面的应用代码:

$("#Pagination").pagination(56, {

num_edge_entries: 2,

num_display_entries: 4,

callback: pageselectCallback,

items_per_page:1

});

您可能还会对下面的文章感兴趣: