userCollect.js 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. mui.init();
  2. var list=[];
  3. /**
  4. *初始化、添加监听
  5. */
  6. mui.ready(function(){
  7. getList();
  8. $('.mui-table-view').on('tap','li',function(){
  9. location.href=base+'/mobile/productDetail.jsp?id='+list[$(this).index()].id;
  10. });
  11. $('.mui-table-view').on('tap','.mui-icon-trash',function(e){
  12. e.stopPropagation();
  13. var productId = list[$(this).parents('li').index()].id;
  14. mobile.ajaxPost(base+'/userCollect/delete',{productId:productId},function(json){
  15. getList();
  16. });
  17. });
  18. });
  19. /**
  20. *获取列表
  21. */
  22. function getList(){
  23. mobile.ajaxPost(base+'/userCollect/getList',{},function(json){
  24. var html = [];
  25. if(json.data&&json.data.length>0){
  26. list = json.data;
  27. $.each(json.data,function(id,item){
  28. html.push('<li class="mui-table-view-cell mui-media" data-id="'+item.id+'">');
  29. html.push('<div class="product-img mui-pull-left" style="width:75px;">');
  30. html.push('<img src="'+imgUrl+item.product_main_img+'">');
  31. html.push('</div>');
  32. html.push('<div class="mui-media-body pl10">');
  33. html.push('<p class="product-title">'+item.product_name+'</p>');
  34. html.push('<p class="product-price items"><em class="item"><b>¥</b>'+item.product_price+'</em>');
  35. html.push('<span class="mui-icon mui-icon-trash color2 fs26 pd5"></span></p>');
  36. html.push('</div>');
  37. html.push('</li>');
  38. });
  39. }else{
  40. mobile.tip('.mui-content','暂无收藏');
  41. }
  42. $('.mui-table-view').html(html.join(''));
  43. });
  44. }