接下来,我们看看子页面的代码是如何的:
mui.init({
pullRefresh : {
container:"#pullrefresh", // 下拉刷新容器标识
down : {
callback :pullfreshFunction // 必选,刷新函数
},
up: {
contentrefresh: '正在加载...',
callback: pullupFunction
}
}
});
var count = 0;
function pullupFunction() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().endPullupToRefresh((++count > 1));
var table = document.body.querySelector('.mui-table-view');
var cells = document.body.querySelectorAll('.mui-table-view-cell');
for (var i = cells.length, len = i + 5; i < len; i++) {
var li = document.createElement('li');
li.className = 'mui-table-view-cell mui-media';
li.innerHTML = "" +
"" +
"
"图文效果" + i +
"
信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述
" +"
"";
table.appendChild(li);
}
}, 1500);
}
function pullfreshFunction() {
setTimeout(function() {
var table = document.body.querySelector('.mui-table-view');
var cells = document.body.querySelectorAll('.mui-table-view-cell');
for (var i = cells.length, len = i + 5; i < len; i++) {
var li = document.createElement('li');
li.className = 'mui-table-view-cell mui-media';
li.innerHTML = "" +
"" +
"
"图文效果" + i +
"
信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述
" +"
"";
table.insertBefore(li, table.firstChild);
}
mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); // refresh completed
}, 1500);
}
if (mui.os.plus) {
mui.plusReady(function() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().pullupLoading();
}, 1000);
});
}