thinkphp ajax分页加载更多最简单的实现方法
2024-09-02 23:55:42
<div class="li_list"> <volist name="list" id="vo">
<div class="line-wrapper">列表内容:{$vo.name}</div>
</volist>
</div>
<div class="page" style="display: none;" id="page">{$page}</div>
<script type="text/javascript" src="__PUBLIC__/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="__STATIC__/mobile/js/jquery-ias.min.js"></script>
调用方法
var ias = $.ias({
container: ".li_list",
item: ".line-wrapper",
pagination: "#pagination",
next: "#example1_next a"
});
ias.extension(new IASTriggerExtension({offset: 2}));
ias.extension(new IASSpinnerExtension());
ias.extension(new IASNoneLeftExtension({html: '<div style="text-align:center;height:60px;"><p><em>己经加载完了</em></p></div>'}));
完整
<div class="li_list"> <volist name="list" id="vo">
<div class="line-wrapper">列表内容:{$vo.name}</div>
</volist>
</div>
<div class="page" style="display: none;" id="page">{$page}</div> <script type="text/javascript">
var ias = $.ias({
container: ".li_list",
item: ".line-wrapper",
pagination: "#pagination",
next: "#example1_next a"
});
ias.extension(new IASTriggerExtension({offset: 2}));
ias.extension(new IASSpinnerExtension());
ias.extension(new IASNoneLeftExtension({html: '<div style="text-align:center;height:60px;"><p><em>己经加载完了</em></p></div>'}));
</script>
最新文章
- Rational.Rose.Enterprise.v7.0 (2007)安装分享
- SQLServer中ISNULL、NULLIF和CONVERT函数
- paper 1:图像特征提取
- 阿里云 EDAS-HSF 用户指南
- 基于UDP协议的控制台聊天
- .NET 统一用户管理 -- 单点登录
- 笔记本开临时Wifi
- redis 工具类 单个redis、JedisPool 及多个redis、shardedJedisPool与spring的集成配置
- ch4-计算属性(表达式计算 computed methods watchers)
- bzoj3129[Sdoi2013]方程 exlucas+容斥原理
- jpa @onetomany 级联查询时会有重复数据,去重问题
- 【论文阅读】Wing Loss for Robust Facial Landmark Localisation with Convolutional Neural Networks
- QQ聊天记录备份助手 v1.0——搜索、备份、恢复QQ聊天记录文件,重装系统必备
- javascript: 数组详细操作方法及解析合集(9个改变8个不变12个遍历)
- sed匹配多行替换
- Spring(十一):Spring配置Bean(四)SpEL
- window安装Scrapy———解决报错问题
- linux主机之间无密钥ssh访问
- 重新学习MySQL数据库1:无废话MySQL入门
- Shiro - 关于Realm
热门文章
- 解决:win8.1 oepnvpn客户端 redirect-gateway def1无效,自动获取的IP没有网关问题
- oracle/ms sql 系统表
- 02 - Unit04:笔记本加载功能
- qt creator 快捷键 (二)
- 学习OCI编程
- C语言 字符串处理函数 转自 http://blog.chinaunix.net/uid-25885064-id-3175049.html
- 2018-2019学年第一学期Java课程设计
- expect学习笔记及用法
- Golang后台开发初体验
- Conv