1***@qq.com
1***@qq.com
  • 发布:2016-09-09 10:10
  • 更新:2016-09-09 10:10
  • 阅读:1772

【报Bug】mui.min.js:9 Uncaught TypeError: Cannot read property 'gesture' of undefined

分类:MUI

详细问题描述
我试了几次了,我想用一下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

2016-09-09 10:10 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复