tab刷新:http://www.dcloud.io/hellomui/examples/pullrefresh_with_tab.html
默认刷新:http://www.dcloud.io/hellomui/examples/pullrefresh_main.html
tab刷新,这个案例你应该看过,
它的上下拉刷新,显示的效果不是我想要的,我想改成和默认刷新差不多的效果,现在的问题是,当数据过多超出了页面的高度,底部的数据就拉不上来了,拜托了,大神!
莱茵 - 编程没有捷径,努力会有所得
【你看下你的初始化有没有给提示】
mui.init({
pullRefresh : {
container:refreshContainer,//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等
up : {
height:50,//可选.默认50.触发上拉加载拖动距离
auto:true,//可选,默认false.自动上拉加载一次
contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容
contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;
callback :pullfresh-function //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
}
});
kaiking_g (作者)
http://www.dcloud.io/hellomui/examples/pullrefresh_with_tab.html
我用的是这个上拉刷新案例,以下是源码:
(function($) {
$.ready(function() {
//循环初始化所有下拉刷新,上拉加载。
//index :对应的tabs索引,前提是这个tabs可上拉下拉刷新。
//pullRefreshEl :捕捉的对象。
$.each(document.querySelectorAll('.mui-slider-group .mui-scroll-wrapper'), function(index, pullRefreshEl) {
$(pullRefreshEl).pullRefresh({
up: {
height:5000,//没效果
auto:true,//可选,默认false.自动上拉加载一次
contentrefresh : "正在加载...",
contentnomore:'没有更多数据了',
callback: function() {
var self = this;
setTimeout(function() {
pullupRefresh(index,self);
self.endPullupToRefresh();
}, 1500);
},
},
down: {
callback: function() {
var self = this;
setTimeout(function() {
self.endPulldownToRefresh();
pulldownRefresh(index);
}, 1500);
}
}
});
});
});
})(mui);
kaiking_g (作者)
现在一直在调试,最新问题,就是上拉时候,无法看到底部提示,比如:“正在刷新。。。”,
2016-11-21 11:07