上拉加载在真机中，滑动的时候卡住了，在浏览器没问题

在正常的浏览器中可以正常的上拉加载，但是转移到真机就不行了？官方的DEMO都可以运行，加上文档代码块中的mOffcanvas，导航样式就报错了！！！我估计是这个样式造成的，卡了一天没解决，求大神教我怎么改。

HTML代码如下

<div class="mui-off-canvas-wrap mui-draggable">  

            <!-- 主页面容器 -->  
            <div class="mui-inner-wrap">  

                <!-- 主页面标题 -->  
                <header class="mui-bar mui-bar-nav">  
                    <h1 class="mui-title">首页</h1>  
                    <a class="mui-icon mui-icon-search mui-pull-right" id="search" ></a>  
                </header>  
                <nav class="mui-bar mui-bar-tab" id="nav">  
                    <a class="mui-tab-item-plus mui-active nm-banner-home" >  
                        <span class="mui-icon mui-icon-home"></span>  
                        <span class="mui-tab-label" >首页</span>  
                    </a>  
                    <a class="mui-tab-item-plus nm-banner-category">  
                        <span class="mui-icon iconfont icon-shangpinfenlei"></span>  
                        <span class="mui-tab-label">分类</span>  
                    </a>  
                    <a class="mui-tab-item-plus nm-banner-cart">  
                        <span class="mui-icon iconfont icon-gouwuche"></span>  
                        <span class="mui-tab-label">购物车</span>  
                    </a>  
                    <a class="mui-tab-item-plus nm-banner-person">  
                        <span class="mui-icon iconfont icon-iconfonticon5"></span>  
                        <span class="mui-tab-label">个人中心</span>  
                    </a>  
                </nav>  
                <div id="refreshContainer" class="mui-content mui-scroll-wrapper">  
                    <div class="mui-scroll">  
                        <!-- 主界面具体展示内容 -->  
                        <div id="slider" class="mui-slider" id="tpl">  
                            <!-- 轮播图内容 -->  
                        </div>  
                        <!--商品区块-->  
                        <div class="nm-product" id="nm-product">  

                        </div>  

                    </div>  
                </div>  
                <div class="mui-off-canvas-backdrop"></div>  
            </div>  
        </div>

JS代码：

$(function(){  
    //渲染banner图  
    mui.get(config.domain+'wap-banner',function(data){  
        if(data.status != 0){  
            mui.alert(data.msg)  
        }  
        //渲染模板  
        var tpl = template($('#tpl_banner').html())  
        var html = tpl({'list':data.data})  
        $("#slider").html(html)  
        mui("#slider").slider({interval: 3000});  
    },'json')  
    //渲染商品列表  
    mui.init({  
        pullRefresh : {  
            container:'#refreshContainer',  
            up : {  
              auto:true,  
              callback : function(){  
//              setTimeout(function () {  
                  pullupRefresh(this)  
//               }, 1500);  
                 console.log(4444)  
              }  
            }  
        }  
    })  
})  
mui('.mui-scroll-wrapper').scroll()  
var page = 1  
var pullupRefresh = function(that){  
    mui.get(config.domain+'wap-index_'+(page++),function(data){  
        if(data.status != 0){  
            mui.alert(data.msg)  
            that.endPullupToRefresh(true)  
        }  
        if(data.data.length != 0){  
            var tpl = template($('#tpl_index_goods_list').html())  
            var html = tpl({'list':data.data})  
            $("#nm-product").append(html)  
            that.endPullupToRefresh(false)  
            //商品点击  
            $('.nm-go-product').on('tap',function(){  
                var self = $(this);  
                setCache('productOpenData',{  
                    id_th:self.data('shop'),  
                    id:self.data('id')  
                })  
                nmOpenWindow('product.html')  
            })  
        }else{  
            that.endPullupToRefresh(true)  
        }  
    },'json')  
}