商品詳情頁面實現點選收藏,取消收藏
阿新 • • 發佈:2019-01-11
html程式碼:
<!-- 收藏商品 --> {if condition="$is_member_fav_goods == 0"} <a href="javascript:;" class="new-btn buy-cart fav" onclick="collectionGoods({$goods_detail.goods_id},'goods','{$goods_detail.goods_name}',this);" data-log-id="{$is_member_fav_goods}"> <i class="fa fa-heart-o" aria-hidden="true"></i> <span class="desc">收藏</span> </a> {else/} <a href="javascript:;" class="new-btn buy-cart fav" onclick="collectionGoods({$goods_detail.goods_id},'goods','{$goods_detail.goods_name}',this);" data-log-id="{$is_member_fav_goods}"> <i class="fa fa-heart" aria-hidden="true"></i> <span class="desc">收藏</span> </a> {/if}
js程式碼:
<script> /* * 收藏商品 */ var is_click = false; function collectionGoods(fav_id, fav_type, log_msg,obj) { var uid = $("#hidden_uid").val(); if (uid != null && uid != "") { var logid = $(obj).attr("data-log-id"); if(is_click){ return false; } is_click = true; //未收藏新增收藏 if (logid == 0) { $.ajax({ url : "{:__URL('APP_MAIN/Member/FavoritesGoodsorshop')}", type : "post", async : false, data : { "fav_id" : fav_id, "fav_type" : fav_type, "log_msg" : log_msg }, success : function(data) { if (data.code > 0) { $(obj).find("i").attr("class","fa fa-heart"); $(obj).attr("data-log-id",1); showBox("收藏成功"); } is_click = false; } }); } else { //已收藏取消收藏 $.ajax({ url : "{:__URL('APP_MAIN/Member/cancelFavorites')}", type : "post", async : false, data : { "fav_id" : fav_id, "fav_type" : fav_type }, success : function(data) { if (data.code > 0) { $(obj).find("i").attr("class","fa fa-heart-o"); $(obj).attr("data-log-id",0); showBox("取消收藏成功"); } is_click = false; } }); } } else { location.href = "{:__URL('APP_MAIN/Login')}"; } } </script>