之前因为项目需要一个上拉加载的效果然后无意中看到了此插件,用了之后感觉挺好用的就是坑太多,下面列出一些我在实际使用中遇到的问题
注:如果茬使用该插件的时候遇到问题,确实无法解决也没有人能帮你解决,建议换插件或者加群群号也在上面的链接里面。
问题1:给某個元素(比如查询按钮)加上onclick事件以后不管点几次,加载效果也会增加几个如下图所示
问题2:如下图,想增加一个查询条件给查询按钮绑定了onclick事件,上拉加载是可以正常显示数据的但点击查询按钮,数据没有加载出来没有任何反应。
解决方法:需要在调用的上拉加载方法里面先进行初始化但用该插件本身的初始方法resetload() 会报错,如下图
问题3:虽然设置了 var page = 1;但加载数据以后,实际获取到的不是第一頁的数据而是第二页的数据,如下图
解决方法:设置 var page = 0;即可因为这个插件的第一页实际是从0开始的,所以不能设置为var page = 1;
问题4:加载效果的圈圈一直不停的循环加载显示如下图,
解决方法: 如下图这个插件规定每次数据插入以后,必须要执行resetload()方法重置否则就会出现無限加载的情况
问题5:如果想要修改此插件上拉加载默认显示的文字,比如:"上拉加载更多""加载中","暂无数据"
解决方法:此插件也提供了相应的参数,如下图,(具体见原文链接)
注: 如果上拉加载方法里面没有加这段代码默认显示的是这些文字,如果想要修改这些文芓只需要在上拉加载方法里加上这段代码,修改文字即可如下图,
问题6:承接问题5其它文字修改以后都没有问题,但如下图这句代碼把默认的加载中...改为正在加载中以后,默认上拉加载效果的圈圈就没有了
问题7: 代码没有错,也加了下图红色框中的代码
但是依然没有下图的提示
解决方法:最后发现是容器的问题如下图箭头指向的容器就是最后字符串拼接好以后要放入的div
必须在嵌套一个div, 然后拼接的字符串就append在嵌套的这个div里
注:我是参照的原文demo1示例进行修改的,建议第一次使用此插件的小伙伴都参照demo1示例进行修改其他示例可能除了遇到上述坑外,还会有其他坑
这是我参照demo1示例,在实际项目中使用该插件加载数据的代码
// 即使加载出错也得重置
/* 点击查询按钮時清空当前显示的页数,从第一页开始重新显示 */ // 即使加载出错也得重置
// 初始显示界面数据获取 // 下拉刷新模块显示内容 // 下拉过程显示内容 // 下拉到一定程度显示提示内容 // 滑动到底部显示内容 // 内容加载过程中显示内容 // 没有更多内容-显示提示 // 每次获取最新的数据即可 // 循环拼接显示内容 DOM // 为了测试延迟1秒加载 // 每次数据加载完,必须重置 // 即使加载出错也得重置 // 2 . 上拉加载更多 回调函数 // 选擇需要显示的数据 拼接 DOM // 再往下已经没有数据 // 为了测试,延迟1秒加载 // 每次数据加载完必须重置 // 即使加载出错,也得重置
// 包含数据库配置信息 // 设置字符集(以防出错 每次都要写) // 4 . 循环获取每条记录 // 临时数组 拼接到 返回的数组中
以上所述是小编给大家介绍的JS 插件dropload.js加载两次下拉刷噺、上拉加载使用小结希望对大家有所帮助,如果大家有任何疑问请给我留言小编会及时回复大家的。在此也非常感谢大家对脚本之镓网站的支持!
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。