在正常的浏览器中可以正常的上拉加载,但是转移到真机就不行了?官方的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')
}
0 个回复