dropload 使用表

移动端下拉刷新、上拉加载更多插件

依赖 (dependence)

Zepto 或者 jQuery 1.7以上版本，推荐jQuery 2.x版本（二者不要同时引用）
Zepto or jQuery 1.7+，recommend to use jQuery 2.x（not use them at the same time）

参数列表 (options)

参数	说明	默认值	可填值
scrollArea	滑动区域	绑定元素自身	window
domUp	上方DOM	{ domClass : 'dropload-up', domRefresh : '<div class="dropload-refresh">↓下拉刷新</div>', domUpdate : '<div class="dropload-update">↑释放更新</div>', domLoad : '<div class="dropload-load">○加载中...</div>' }	数组
domDown	下方DOM	{ domClass : 'dropload-down', domRefresh : '<div class="dropload-refresh">↑上拉加载更多</div>', domLoad : '<div class="dropload-load">○加载中...</div>', domNoData : '<div class="dropload-noData">暂无数据</div>' }	数组
autoLoad	自动加载	true	true和false
distance	拉动距离	50	数字
threshold	提前加载距离	加载区高度2/3	正整数
loadUpFn	上方function	空	function(me){ //你的代码 me.resetload(); }
loadDownFn	下方function	空	function(me){ //你的代码 me.resetload(); }

API

暴露一些功能，可以让dropload更灵活的使用

lock() 锁定dropload

参数	说明
`lock()`	智能锁定，锁定上一次加载的方向
`lock('up')`	锁定上方
`lock('down')`	锁定下方

unlock() 解锁dropload

noData() 无数据

参数	说明
`noData()`	无数据
`noData(true)`	无数据
`noData(false)`	有数据

resetload() 重置。每次数据加载完，必须重置

已知问题

由于部分Android中UC和QQ浏览器头部有地址栏，并且一开始滑动页面隐藏地址栏时，无法触发scroll和resize，所以会导致部分情况无法使用。解决方案1：增加distance距离，例如DEMO2中distance:50；解决方案2：加meta使之全屏显示

<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">

转载于:https://www.cnblogs.com/wherein/p/6393577.html

dropload 使用表相关推荐

python flask表单语法_Flask框架如何使用表单
每个web应用都需要使用表单来采集用户数据.现在让我们使用Flask框架创建一个简单的表单来收集用户的基本信息,例如名称.年龄.邮件.兴趣爱好等,我们将这个模板文件命名为bio_form.html. ...
Java EE 8 MVC：使用表单参数
在前两篇文章中,我们了解了如何在即将到来的Java EE MVC框架中使用查询和路径参数 . 这篇文章重点介绍表单参数. 当您使用发布请求提交Web表单时,表单值将作为请求正文的一部分发送. 媒体类型 ...
SAP使用表空间传输异构系统迁移
SAP使用表空间传输异构系统迁移此文档乃原创总结,仅适用于oracle数据库.此方法特点,速度快.停机时间短,配合RMAN使用甚至可以做到不停机.在线迁移并可以支持裸设备和ASM.以次方法做迁移,在 ...
sql如何遍历几百万的表_SQL Server遍历表中记录的2种方法(使用表变量和游标)
SQL Server遍历表一般都要用到游标,SQL Server中可以很容易的用游标实现循环,实现SQL Server遍历表中记录.本文将介绍利用使用表变量和游标实现数据库中表的遍历. 表变量来实现表 ...
mysql分组失效_请教MySql中使用表子查询时,试着先排序后分组,出现排序失效的原因?...
1,今天试着码了一下教程里的题目,是找出每一个班级的身高最高的学生,用的是先order by降序排序所有学生升高,再用 group by分组每一个班级取第一个值,却发现当使用子查询时,得到的仍旧是未排 ...
dropload.min.js 下拉刷新后，无法上拉加载更多
使用方法 1.引入文件 <script src="/app/media/js/dropload.min.js"></script> 111111111111 ...
MySQL之在储存过程中使用表名为变量
我们知道,在MySQL的储存过程中,一般的输入参数为各种数据类型,如数值型,字符型等.那么,能不能让输入参数等于表名呢?答案是肯定的,那就是使用MySQL提供的PREPARE语法. 关于PRE ...
django 1.8 官方文档翻译： 5-1-1 使用表单
使用表单关于这页文档这页文档简单介绍Web 表单的基本概念和它们在Django 中是如何处理的.关于表单API 某方面的细节,请参见表单 API.表单的字段和表单和字段的检验. 除非你计划构建的网 ...
azure blob_在Azure中使用表，blob，队列和文件存储
azure blob 介绍 (Introduction) There are several options to upload SQL Server backups files, scripts o ...
vue密码正则验证表单验证_如何在Vue中使用表单验证
vue密码正则验证表单验证介绍 (Introduction) Almost every web application makes use of forms in some way, as such ...