infinite-scroll插件使用
来源:互联网 发布:php 字符串替换 编辑:程序博客网 时间:2024/05/18 02:08
网上对于infinite-scroll插件使用的例子不多。但由于它的出现,鼓吹了瀑布流形式的页面展示方式,所以不得不了解了解这种新的分页方式。
官网上有对infinite-scroll的详细描述,但一般人即使看未必看得懂,看得懂未必就调试成功。所以借今晚有点时间,把跑通的例子供大家借鉴。
一.无限滚动概念
首先,它是基于jQuery的,另外还要明白无限滚动的概念:无限滚动的实现原理就是当你在网页上的滚动条滚动到离网页底部一定长度的时候,触发某ajax函数(infinite-scroll内已经封装好),往后台加载文件或者数据,又或者从外部引入静态html形式文件。
二.探讨infinite-scroll
1.从网页头引入两个js文件,注意必须先放jquery的
2.之后在网页头自己写一个js脚本
3.或许你看到这里还是不太清楚网页怎么定义,这里给出我的demo,希望可以有帮助
三.细微部分
1.js函数里还可定义的其他属性:
其他属性暂不作过多介绍
2.数据的载入方式
①html :如果你已经有固定的数据块,可以放到html里面加载静态页面。
②json :可以用后台返回json的方式,返回的时候要指定temple里面的html模版,否则会出错。
③我上面例子用的其实也是json,前台在Action层把数据取出后再用StringBuilder拼装成html格式的字符串返回前台。(个人习惯)
3.数据分页方式
本例用hibernate进行数据分页。
以上内容仅作参考,时间问题暂且收笔。
阅读全文
0 0
- infinite-scroll插件使用
- 【无限滚动加载数据】—infinite-scroll插件的使用
- 【无限滚动加载数据】—infinite-scroll插件的使用
- 【无限滚动加载数据】—infinite-scroll插件的使用
- 无限滚动插件infinite-scroll介绍
- 【无限滚动加载数据】—infinite-scroll插件的使用---------下拉加载数据、无线滚动
- jquery插件(二):Infinite Scroll–无限分页
- jQuery Infinite Ajax Scroll(ias) 分页插件介绍
- ng中infinite-scroll插件无限请求问题解决方法
- android scroll view infinite scroll
- better-scroll插件使用
- better-scroll插件使用
- better-scroll插件使用
- better-scroll插件使用
- Infinite Ajax Scroll (IAS)
- better-scroll插件初使用
- better-scroll插件初使用
- infinite-scroll 滚动不停止
- 循环单词
- kolla部署的openstack配置https
- 【腾讯云开发中的坑2】Unsupported major.minor version 52.0
- 【JS数据类型】JS中的判断数据类型函数
- Extjs6.2 继承与扩展
- infinite-scroll插件使用
- 嵌入式uboot,内核启动通过nfs挂载根文件系统
- 暑假训练总结反思
- 66. Plus One
- ps流来封装h.264数据
- 可并堆-STL-pbds详解
- JavaScript-字符串转成拖峰的写法
- HIVE 统计商品访问的top10 数据不能插入的问题