列表分页显示

原创 summer_88 随笔 jq-demo 421阅读 2017-05-24 18:05:42 举报

一、比如我们有个列表,这个列表一共9条数据,假设,初始化的时候我们不显示全部数据,要分3次显示(意思是每当点击按钮或者触发事件的时候每次显示3条),效果如下:
每点击一次右上角的换一换按钮,就会显示不同的数据

GIF

二、实现这样一个效果的思路
[ol]
[li]1、首先是数据的隐藏是怎么控制的,也就是说比如我初始化显示3条,本来是有9条数据,那怎么来控制超过三条之后的数据呢?[/li]
[li]2、其次数据怎么分,也就是每次显示几条[/li]
[li]3、是怎么把数据分成想要的结构[/li]
[/ol]

三、说完了实现思路,我们来写个demo
html 代码

四、从上面的代码可以看出来实现起来很简单,比如怎么控制超过显示数据的数据直接用css来处理,分来直接用jq的slice方法

大家有什么更好的实现方法,欢迎提出哦~~

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复