mui框架上拉加载设置上拉距离怎么无效呢。设置下拉距离都是可以的
这是代码jsp代码:
<body>
<div class="list-t-wrap">
<div id="refreshContainer" class="mui-scroll-wrapper">
<div class="mui-scroll">
<div class="list-wrapper" align="center" style="font-size:100px;vertical-align: middle;border:3px;width:100%;height:800px;">
DEMO
</div>
</div>
</div>
</div>
</body>
这是JS代码:
mui.init({
pullRefresh : {
container:"#refreshContainer",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等
down : {
height:500,// 可选.默认50.触发上拉加载拖动距离
auto:false,// 可选,默认false.自动上拉加载一次
contentrefresh : "",// 可选,正在加载状态时,上拉加载控件上显示的标题内容
contentnomore:'',// 可选,请求完毕若没有更多数据时显示的提醒内容;
callback : function() {
var self = this; // 这里的this == mui('#refreshContainer').pullRefresh()
// 加载更多的内容
loadMore2(this);
} //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
},
up : {
width:500,// 可选.默认50.触发上拉加载拖动距离
auto:false,// 可选,默认false.自动上拉加载一次
contentrefresh : "",// 可选,正在加载状态时,上拉加载控件上显示的标题内容
contentnomore:'',// 可选,请求完毕若没有更多数据时显示的提醒内容;
callback : function() {
var self = this; // 这里的this == mui('#refreshContainer').pullRefresh()
// 加载更多的内容
loadMore(this);
} //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
}
});
var loadMore = function(pullRefresh) {
alert(111);
// 加载更多的内容到列表中
// TODO
// 如果没有更多数据了,则关闭上拉加载
pullRefresh.endPullupToRefresh(false);
// 如果有更多数据,则继续
};
var loadMore2 = function(pullRefresh) {
alert(222);
// 加载更多的内容到列表中
// TODO
// 如果没有更多数据了,则关闭上拉加载
pullRefresh.endPulldownToRefresh(true);
// 如果有更多数据,则继续
};
这是代码jsp代码:
<body>
<div class="list-t-wrap">
<div id="refreshContainer" class="mui-scroll-wrapper">
<div class="mui-scroll">
<div class="list-wrapper" align="center" style="font-size:100px;vertical-align: middle;border:3px;width:100%;height:800px;">
DEMO
</div>
</div>
</div>
</div>
</body>
这是JS代码:
mui.init({
pullRefresh : {
container:"#refreshContainer",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等
down : {
height:500,// 可选.默认50.触发上拉加载拖动距离
auto:false,// 可选,默认false.自动上拉加载一次
contentrefresh : "",// 可选,正在加载状态时,上拉加载控件上显示的标题内容
contentnomore:'',// 可选,请求完毕若没有更多数据时显示的提醒内容;
callback : function() {
var self = this; // 这里的this == mui('#refreshContainer').pullRefresh()
// 加载更多的内容
loadMore2(this);
} //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
},
up : {
width:500,// 可选.默认50.触发上拉加载拖动距离
auto:false,// 可选,默认false.自动上拉加载一次
contentrefresh : "",// 可选,正在加载状态时,上拉加载控件上显示的标题内容
contentnomore:'',// 可选,请求完毕若没有更多数据时显示的提醒内容;
callback : function() {
var self = this; // 这里的this == mui('#refreshContainer').pullRefresh()
// 加载更多的内容
loadMore(this);
} //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
}
}
});
var loadMore = function(pullRefresh) {
alert(111);
// 加载更多的内容到列表中
// TODO
// 如果没有更多数据了,则关闭上拉加载
pullRefresh.endPullupToRefresh(false);
// 如果有更多数据,则继续
};
var loadMore2 = function(pullRefresh) {
alert(222);
// 加载更多的内容到列表中
// TODO
// 如果没有更多数据了,则关闭上拉加载
pullRefresh.endPulldownToRefresh(true);
// 如果有更多数据,则继续
};