详细问题描述
我试了几次了,我想用一下div窗体切换,报了这个错误,想用上拉下拉刷新还是报了这个错误,具体代码我也是直接从demo上粘贴的因为刚学这个,我是用的谷歌浏览器测试的,我看demo上是没有问题的。为什么到我这里老是报这个错误,说是不能找到手势的属性,是因为我没有用手机测吗,但是demo上为什么不在手机上也没有什么事啊 ,这个原理是什么啊下面我写上我的代码。希望帮我解决一下,感谢了
重现步骤
[步骤]
[结果]
[期望]
运行环境
[系统版本]
[浏览器版本]
[IDE版本]
[mui版本]
附件
[代码片段]
<!--下拉刷新容器-->
<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<!--数据列表-->
<ul class="mui-table-view mui-table-view-chevron">
</ul>
</div>
</div>
<script>
mui.init({
subpages:[{
styles:{
top:44,//内容页面顶部位置,需根据实际页面布局计算,若使用标准mui导航,顶部默认为48px;
}
}],
pullRefresh: {
container: '#pullrefresh',
down: {
callback: pulldownRefresh
},
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh
}
}
});
/**
- 下拉刷新具体业务实现
*/
function pulldownRefresh() {
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 + 3; i < len; i++) {
var li = document.createElement('li');
li.className = 'mui-table-view-cell mui-media mui-collapse';
li.innerHTML = '<a class="mui-navigate-right" href="#">'+
'<img class="mui-media-object mui-pull-left" src="images/cbd.jpg">'+
'<div class="mui-media-body mui-ellipsis">新街口发生重大交通事故,请求支援<p class="mui-ellipsis"><span class="statusTask">未完成</span></p></div>'+
'</a><div class="mui-collapse-content bgFFF"><dl class="taskInfo"><dt >任务说明:</dt><dd >1.任务说明</dd><dd >2.事发地点</dd></dl><div class="mui-button-row"><a class="mui-btn mui-btn-primary" href="volunteer_taskApply.html">申请任务</a></div></div>';
//下拉刷新,新纪录插到最前面;
table.insertBefore(li, table.firstChild);
}
mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed
}, 1500);
}
var count = 0;
/** -
上拉加载具体业务实现
*/
function pullupRefresh() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().endPullupToRefresh((++count > 2)); //参数为true代表没有更多数据了。
var table = document.body.querySelector('.mui-table-view');
var cells = document.body.querySelectorAll('.mui-table-view-cell');
for (var i = cells.length, len = i + 20; i < len; i++) {
var li = document.createElement('li');
li.className = 'mui-table-view-cell mui-media mui-collapse';
li.innerHTML = '<a class="mui-navigate-right" href="#">'+
'<img class="mui-media-object mui-pull-left" src="images/cbd.jpg">'+
'<div class="mui-media-body mui-ellipsis">新街口发生重大交通事故,请求支援<p class="mui-ellipsis"><span class="statusTask">未完成</span></p></div>'+
'</a><div class="mui-collapse-content bgFFF"><dl class="taskInfo"><dt >任务说明:</dt><dd >1.任务说明</dd><dd >2.事发地点</dd></dl><div class="mui-button-row"><a class="mui-btn mui-btn-primary" href="volunteer_taskApply.html">申请任务</a></div></div>';
table.appendChild(li);
}
}, 1500);
}
if (mui.os.plus) {
mui.plusReady(function() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().pullupLoading();
}, 1000);}); } else { mui.ready(function() { mui('#pullrefresh').pullRefresh().pullupLoading(); }); }
[安装包]
联系方式
[QQ]1158697058
[电话]18811483358
0 个回复