mui.plusReady(function() { $('#bg').html('<img src="../img/activity1_head.png" />'); mui.ajax(hyhUrl('addon/hyhdailyupdate-Hyhdailyupdate-getIndex'), { data: { typeSrc: 2 }, dataType: 'json', //服务器返回json格式数据 type: 'post', //HTTP请求类型 timeout: 10000, //超时时间设置为10秒; success: function(data) { //服务器返回响应,根据响应结果,分析是否登录成功; var data = toJson(data); data = data.data; var html1 = ''; var html2 = ''; $.each(data['6'].list, function(num) { num++; if(num % 2 == 1) { html1 += '<div class="bktj_b" data-goodsId="' + this.goodsId + '"><img src="../img/bktj' + num + '.png" /><div class="bktj_con clearfix"><img src="' + hyhImgUrl(this.goodsImg) + '" /><div class="bktj_con_con"><p class="p3">' + this.goodsName + '</p><p class="p4">折扣到手价</p><p class="p3">¥.' + this.shopPrice + '</p><div class="ljjg_btn ljqg_btn">立即抢购</div></div></div></div>'; } else { html1 += '<div class="bktj_b" data-goodsId="' + this.goodsId + '"><img src="../img/bktj' + num + '.png" /><div class="bktj_con clearfix"><div class="bktj_con_con"><p class="p3">' + this.goodsName + '</p><p class="p4">折扣到手价</p><p class="p3">¥.' + this.shopPrice + '</p><div class="ljjg_btn ljqg_btn">立即抢购</div></div><img src="' + hyhImgUrl(this.goodsImg) + '" /></div></div>'; } }); $('.bktj').html(html1); $.each(data['7'].list, function() { html2 += '<div class="xpss_b" data-goodsId="' + this.goodsId + '"><img src="../img/xpss_bg.png" /><div class="xpss_con"><img src="' + hyhImgUrl(this.goodsImg) + '" /><p class="p5"><del>原价' + this.marketPrice + '</del>' + this.marketPrice + '</p><div class="xpss_ljqg_btn">立即抢购</div></div></div>' }); $('.xpss').html(html2); }, error: function(xhr, type, errorThrown) { //异常处理; // alert(type); } }); //跳商品页面 $('.bktj').on('tap', '.bktj_b', function() { var goodsId = $(this).attr('data-goodsId'); mui.openWindow({ url: 'details.html', id: 'details.html'+goodsId, styles: { top: '0px', //新页面顶部位置 bottom: '0px', //新页面底部位置 width: '100%', //新页面宽度,默认为100% height: '100%' //新页面高度,默认为100% }, extras: { data_id: goodsId // ..... //自定义扩展参数,可以用来处理页面间传值 }, 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, //等待框背景区域高度,默认根据内容自动计算合适高度 // ...... } } }) }) $('.xpss').on('tap', '.xpss_b', function() { var goodsId = $(this).attr('data-goodsId'); console.log(goodsId) mui.openWindow({ url: 'details.html', id: 'details.html'+goodsId, styles: { top: '0px', //新页面顶部位置 bottom: '0px', //新页面底部位置 width: '100%', //新页面宽度,默认为100% height: '100%' //新页面高度,默认为100% }, extras: { data_id: goodsId // ..... //自定义扩展参数,可以用来处理页面间传值 }, 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, //等待框背景区域高度,默认根据内容自动计算合适高度 // ...... } } }) }) })