1. 程式人生 > >商品詳情頁面實現點選收藏,取消收藏

商品詳情頁面實現點選收藏,取消收藏

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>