html下拉模块,新建html文件是选择上拉下拉刷新模块直接构建的页面

一直出现Uncaught TypeError: mui(...).pullRefresh(...).endPullup is not a function

但是应该不是少导入js了,我看也没有什么js文件了。求帮助一下

上拉下拉刷新页面

.mui-content>.mui-table-view:first-child {

margin-top: -1px;

}

下拉刷新和上拉加载 单webview模式

mui.init({

pullRefresh: {

container: '#pullrefresh',

down: {

style:'circle',

//auto:true,

callback: pulldownRefresh

},

up: {

auto:true,

contentrefresh: '正在加载...',

callback: pullupRefresh

}

}

});

var count = 0;

function pullupRefresh() {

setTimeout(function() {

mui('#pullrefresh').pullRefresh().endPullup((++count > 2)); //参数为true代表没有更多数据了。

var table = document.body.querySelector('.mui-table-view');

var cells = document.body.querySelectorAll('.mui-table-view-cell');

var newCount = cells.length>0?5:10;//首次加载20条,满屏

for (var i = cells.length, len = i + newCount; i < len; i++) {

var li = document.createElement('li');

li.className = 'mui-table-view-cell';

li.innerHTML = 'Item ' + (i + 1) + '';

table.appendChild(li);

}

}, 1500);

}

function addData() {

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';

li.innerHTML = 'Item ' + (i + 1) + '';

//下拉刷新,新纪录插到最前面;

table.insertBefore(li, table.firstChild);

}

}

/**

* 下拉刷新具体业务实现

*/

function pulldownRefresh() {

setTimeout(function() {

addData();

mui('#pullrefresh').pullRefresh().endPulldown();

mui.toast("为你推荐了5篇文章");

}, 1500);

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值