buying/WebContent/static/mobile/js/category.js

mui.init();
/**
 *初始化、添加监听 
 */
mui.ready(function(){
	mobile.getCartNum();
	getProduct();
	$('.mui-bar-tab').on('tap', 'a', function(e) {
		location.href=$(this).attr("href");
	});
	$("#segmentedControlContents").on('tap','li',function(){
		location.href=base+'/mobile/productDetail.jsp?id='+$(this).attr('data-id');
	});
	//添加购物车
	$("#segmentedControlContents").on('tap','.icon-tianjia',function(e){
		e.stopPropagation();
		var productId = $(this).parents('li').attr('data-id');
		mobile.ajaxPost(base+'/userCart/save',{productId:productId},function(json){
			if(json.data){
				layer.open({content:'添加成功',time:3});
				if(json.data!=0){
					$('.mui-bar-tab .icon-gouwuche .mui-badge').html(json.data);
					$('.mui-bar-tab .icon-gouwuche .mui-badge').removeClass('mui-hidden');
				}else{
					$('.mui-bar-tab .icon-gouwuche .mui-badge').addClass('mui-hidden');
				}
			}
		});
	});
});

/**
 *获取导航
 */
function getProduct(){
	mobile.ajaxPost(base+'/productCategory/getList',{},function(json){
		var html1 = [];
		var html2 = [];
		$.each(json.data,function(id1,item1){
			html1.push('<a class="mui-control-item" href="#content' + id1 + '">'+item1.cat_name+'</a>');
			html2.push('<div id="content' + id1 + '" class="mui-control-content"><ul class="mui-table-view product">');
			$.each(item1.list,function(id2,item2){  
				html2.push('<li class="mui-table-view-cell mui-media" data-id="'+item2.id+'">');
				html2.push('<div class="product-img mui-pull-left">');
				html2.push('<img src="'+imgUrl+item2.product_main_img+'">');
				html2.push('</div>');
				html2.push('<div class="mui-media-body pl10">');
				html2.push('<p class="product-title">'+item2.product_name+'</p>');
				html2.push('<p class="product-price items"><em class="item"><b>¥</b>'+item2.product_price+'</em>');
				html2.push('<span class="mui-icon iconfont icon-tianjia main-color fs26 pd5"></span></p>');
				html2.push('</div>');
				html2.push('</li>');
			});
			html2.push('</ul></div>');
		});
		$("#segmentedControls").html(html1.join(''));
		$("#segmentedControlContents").html(html2.join(''));
		$("#segmentedControls").find('.mui-control-item:first').addClass('mui-active');
		$("#segmentedControlContents").find('.mui-control-content:first').addClass('mui-active');
	});
}