mui.init({ pullRefresh: { container: '#pullrefresh', down: { style: 'circle', //必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式 color: '#2BD009', //可选,默认“#2BD009” 下拉刷新控件颜色 height: '50px', //可选,默认50px.下拉刷新控件的高度, range: '100px', //可选 默认100px,控件可下拉拖拽的范围 offset: '0px', //可选 默认0px,下拉刷新控件的起始位置 // auto: true, //可选,默认false.首次加载自动上拉刷新一次 contentdown: "下拉可以刷新", //可选,在下拉可刷新状态时,下拉刷新控件上显示的标题内容 contentover: "释放立即刷新", //可选,在释放可刷新状态时,下拉刷新控件上显示的标题内容 contentrefresh: "正在刷新...", //可选,正在刷新状态时,下拉刷新控件上显示的标题内容 callback: pulldownRefresh //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据; }, up: { contentrefresh: '正在加载...', callback: pullupRefresh } } }); var count = 1; function pullupRefresh() { setTimeout(function() { mui('#pullrefresh').pullRefresh().endPullupToRefresh(); count += 1; // console.log(order_class) mui.ajax(hyhUrl('app/Shops/listShopQuery'), {  data: { page: count, pagesize : 10 }, dataType: 'json', //服务器返回json格式数据   type: 'post', //HTTP请求类型   timeout: 10000, //超时时间设置为10秒;   success: function(data) {           //服务器返回响应,根据响应结果,分析是否登录成功;   // console.log(data.data.goodsFavoritesNum) // console.log(data.data.Rows) var data = toJson(data); if(data.status == 1) { data = data.data; if(data.Rows.length == 0) { mui('#pullrefresh').pullRefresh().endPullupToRefresh(true); return; } var html = '' $.each(data.Rows, function() { html += '

' + this.shopName + '

' + this.newTime + '

'; $.each(this.goods, function() { html += '' }); html += '
' }); $('.con').append(html); } }, error: function(xhr, type, errorThrown) {           //异常处理;   // alert(type);     }   });  }, 500); } /** * 下拉刷新具体业务实现 */ function pulldownRefresh() { setTimeout(function() { window.location.reload(); mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed }, 1500); } mui.plusReady(function() { var data = ''; mui.ajax(hyhUrl('app/Shops/listShopQuery'), {  data: { pagesize: 10, page: 1 }, dataType: 'json', //服务器返回json格式数据   type: 'post', //HTTP请求类型   timeout: 10000, //超时时间设置为10秒;   success: function(data) {           //服务器返回响应,根据响应结果,分析是否登录成功;   data = toJson(data); data = data.data; var html = ''; $.each(data.Rows, function() { html += '

' + this.shopName + '

' + this.newTime + '

'; $.each(this.goods, function() { html += '' }); html += '
' }); $('.con').html(html) }, error: function(xhr, type, errorThrown) {           //异常处理;   // alert(type);       }   });  mui('.con').on('tap', '.b_title', function() { var shopId = $(this).attr('data-shopId'); //console.log(shopId); mui.openWindow({ url: 'storeout.html', id: 'storeout.html'+shopId, styles: { top: '0px', //新页面顶部位置 bottom: '0px', //新页面底部位置 width: '100%', //新页面宽度,默认为100% height: '100%' //新页面高度,默认为100% }, extras: { shopId: shopId // data_id: data_id // ..... //自定义扩展参数,可以用来处理页面间传值 }, createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示 show: { // autoShow: true, //页面loaded事件发生后自动显示,默认为true // aniShow: animationType, //页面显示动画,默认为”slide-in-right“; // duration: animationTime, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒; // event: 'titleUpdate', //页面显示时机,默认为titleUpdate事件时显示 // extras: {} //窗口动画是否使用图片加速 }, waiting: { autoShow: true, //自动显示等待框,默认为true title: '正在加载...', //等待对话框上显示的提示内容 options: { // width: waiting - dialog - widht, //等待框背景区域宽度,默认根据内容自动计算合适宽度 // height: waiting - dialog - height, //等待框背景区域高度,默认根据内容自动计算合适高度 // ...... } } }) }) mui('.con').on('tap', 'img[data-goodId]', function() { var goodId = $(this).attr('data-goodId'); mui.openWindow({ url: 'details.html', id: 'details.html'+goodId, styles: { top: '0px', //新页面顶部位置 bottom: '0px', //新页面底部位置 width: '100%', //新页面宽度,默认为100% height: '100%' //新页面高度,默认为100% }, extras: { data_id: goodId // ..... //自定义扩展参数,可以用来处理页面间传值 }, createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示 show: { // autoShow: true, //页面loaded事件发生后自动显示,默认为true // aniShow: animationType, //页面显示动画,默认为”slide-in-right“; // duration: animationTime, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒; // event: 'titleUpdate', //页面显示时机,默认为titleUpdate事件时显示 // extras: {} //窗口动画是否使用图片加速 }, waiting: { autoShow: true, //自动显示等待框,默认为true title: '正在加载...', //等待对话框上显示的提示内容 options: { // width: waiting - dialog - widht, //等待框背景区域宽度,默认根据内容自动计算合适宽度 // height: waiting - dialog - height, //等待框背景区域高度,默认根据内容自动计算合适高度 // ...... } } }) }) })