ximan / dropload Goto Github PK
View Code? Open in Web Editor NEW移动端下拉刷新、上拉加载更多插件
移动端下拉刷新、上拉加载更多插件
使用chrome浏览器,下拉刷新后,上拉加载更多不能用了。
当页面刷新的时候会默认加载前两页的数据,不知道是自己代码的问题还是本来就是这样的?在之前0.7版本的没有该问题,更新到0.9之后发现的。
设置了resetload ,只调用下拉刷新,出现顶部提示信息显示问题,只有第一次显示,之后下拉没有提示了
备注:用的是jq1.11.1
连续下拉(不等上一次下拉结束,一直下拉),几次之后,顶部就会无法进行下拉了,这个问题在pc,android和ios上用demo必现。
我的需求是上拉加载下拉刷新,滑动删除,当我执行删除的时候,不能够在去加载下面的数据。有什么好的解决方法?
上拉下拉同时加载的案例有这样的问题:先上拉加载完数据显示“暂无数据”后,再下拉刷新,这时下面依然是“暂无数据”,没办法再上拉加载了
click的时候触发 下拉会有两个加载中....。再点击就会有3个,4个,5个怎么办?
怎么解决?
由于项目需要用到了require.js,并且同时引用了zepto.js和jquery.js,有时候可以下拉刷新,有时候出现bug:TypeError: $(...).dropload is not a function
下拉到够长松开时,页面不会立刻回弹,而是刷新快完了的时候才慢慢的回弹
放开 就卡着不动了
tab加载两个列表,ajax在success时,输出data.list.length,若一个列表请求的json为空,来回切换时在有数据的那个列表上没有了输出
而不是像普通列表一样 到一个下拉结束前不能再次下拉 而且上拉多次后 会出现无法拉出的情况
请问怎么设置上拉才加载,禁止滑动底部自动加载?
看下你写的,容易造成这种致命的内存泄露。
现在是一次性全部加载出来,万一有几万条数据,一开始的加载时间有点长,请问怎么分步骤加载进来。
http://ximan.github.io/dropload/examples/load-top-bottom.html#3
当火狐浏览器缩放到30%,360×640宽度,上啦刷新之后不能加载更多。
在生产环境用遇到这样的问题,一页加载10条,但是没有把页面铺满,就不会加载更多。
但是刷新url地址会自动加载更多.
上面的官网的url demo也有这样的问题
底部状态栏为fixed布局,bottom:0,left right :0,。
当上拉时,状态栏会一直往上跳动。
ios没有安卓的明显
感觉应该写成
me.$domDown = me.$element.find('.'+me.opts.domDown.domClass);
上拉刷新的问题:向上滑动两次才能看到新的数据。滑动一次的时候,已经调用dropload方法,但是页面显示的内容没有变化。
无法使用seajs加载
代码里加上
define(function(require,exports,module){
dropload代码
})
也不能用
2016.2.2 问题已解决
我有一个列表,当滚动到底部的时候就触发上拉的函数了,可是我只是想滚动到页底,能不能是:我滚动到页底后,在往上拉的时候再触发上拉的函数,我看demo里面的都是滚动到页底就开始触发了。
亲爱的童鞋们,我想请教一下,向下加载数据是写在json里面的,可是为什么一直滑动加载,到大约15次的时候就不加载了呢?这个加载多少怎么控制?如果数据非常多呢?求解
这个应该做下处理,如果有了那个dom节点,就不继续增加dom元素了吧
$.ajax({
type: 'GET',
url: $("#couponList").action,
data: {"gtype":"json","pageNo":pageNo},
success: function(data){
var pageCount = data.pageCount;
var result = '';
if(pageNo>pageCount){
poptipsShow("没有更多了!");
}else{
for(i=0;i<data.frMemCoupons.length();i++){
就是这个data.frMemCoupons.length undefined
click的时候触发 下拉会有两个加载中....。再点击就会有3个,4个,5个怎么办?
当上拉到web之外 比如ios的顶部 就会卡住 普通列表却没有这个问题
试了下,发现在正常的列表页面中滑动也会造成“下拉刷新/下拉加载”的问题,还没有看源码,好像没有判断是否在底部/顶部?
无论是在 Safari,微信,还是webview里面,上拉动作未完成之前,会一直抖动
下拉刷新,能不能增加一个nodata 的情况
distance 拉动距离设50的时候,超过50的拉动都可以,但是拉动距离过长,碰到底部固定模块出现bug 刷新提示不消失,刷新不能进行,distance 可以再控制范围吗,拉动距离能否加上限?ps:出现在iphone6 上,华为没有这个bug,其他手机没试, 感觉是iphone6上滑到底部固定模块的时候,系统处理认为只有下拉没有松开的动作
发现一个问题,假设从上至下一共有A B C三点,我从B点开始下拉至C,并且能满足出现下拉刷新的updom,此时从C点快速(也许不需要快速)返回到A点,按照逻辑此时获得的手势方向是上拉,resultDom结果是downdom,当然是空,然后执行downdom.css,就回报空指针错误。看一下。
简单的方法是在fnTransition方法执行时判断下dom是否存在。dom && dom.css({...})
我给滚动的列表元素绑定了点击事件,但是当滚动了之后都会触发到元素的绑定事件,我希望能够在滚动的时候禁止触发点击事件,但是在不滚动的时候点击能够触发事件的,劳烦有空告知怎么解决呢?说说思路也好,感谢!
按需加载如果input框输入变化太快,数据数量会错乱
关于这个问题是否考虑过通过开关的方式来节约性能呢
比方说,我列表上方有个筛选按钮,点击以后,ajax请求会增加一个参数,这个参数会过滤掉一些项.
这样的话,我就需要把列表清空,然后重新加载(我设置了auto自动)。
我目前的做法是单击某个筛选选项以后,触发一个js函数调用,函数里直接把容器内容清空,
然后重新调用dropload(),但总感觉这样做不太完美啊。
常见应用场景在tab切换过程中,每次都需要重新获取数据,目前demo里面的tab切换加载数据,不能实现每次都重新加载数据
一滑动就会警告:
Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
低端机上就会很卡
现在暂时去掉了touchjs,看用其他的可以不
第一步:下滑加载更多数据,此时列表中能正常显示新数据;
第二步:点击item打开跳转打开新页面;
第三步:点击返回键,调用goBack()方法,返回刚才的界面;
此时,刚才下滑加载的数据没有了。
请问如何才能保存刚才的新数据?
Android WebView已打开缓存
// 启动缓存
wv.getSettings().setAppCacheEnabled(true);
//设置 缓存模式
wv.getSettings().setCacheMode(WebSettings.LOAD_DEFAULT);
用户可能会只使用上拉刷新或者只使用下拉加载,这个时候就会报错,需要在代码里面加判断
快速页面上滑动的时候,会出现js报错,导致接下来再刷新就无法操作。
报错如下:
dropload.js:214 Uncaught TypeError: Cannot read property 'on' of undefined
环境:
`
function fnAutoLoad(me){
if(me.opts.autoLoad){
//放在webview中,发现me._scrollWindowHeight的高度是0
if((me._scrollContentHeight - me._threshold) <= me._scrollWindowHeight){
loadDown(me);
}
}
}
`
应该是ln77行中赋值的时候问题,请问一下为什么写这里有坑呢?是指什么坑?
// 获取win显示区高度 —— 这里有坑
me._scrollWindowHeight = doc.documentElement.clientHeight;
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.