js點贊收藏
阿新 • • 發佈:2019-02-15
<div class="exhibition-bot exhibition-botjianrong preview-exhibition-bot"> <i>${bean.views}</i> <cite></cite> <em>${bean.likes}</em> <var></var> </div> <a href="/chartEdit/${bean.type}/${bean.id}" class="usetemplate1"> <var></var> <span>使用模板</span> </a> <c:if test="${isLike>0 }"> <a href="javascript:;" class="usetemplate2 usetemplate2-active" data-val="false"> <var></var> <span>喜歡</span> </a> </c:if> <c:if test="${isLike<=0 }"> <a href="javascript:;" class="usetemplate2" data-val="true"> <var></var> <span>喜歡</span> </a> </c:if> <c:if test="${isCollect>0 }"> <a href="javascript:;" class="usetemplate3 usetemplate3-active" data-val="false"> <var></var> <span>收藏</span> </a> </c:if> <c:if test="${isCollect<=0 }"> <a href="javascript:;" class="usetemplate3" data-val="true"> <var></var> <span>收藏</span> </a> </c:if> </div> //點贊按鈕 $(".usetemplate2").click(function() { var infoId = $(".preview-cenetrleft").attr("data-id"); if($(this).attr("data-val") == "true") {//未選中 if(!option(1,3, infoId)){//新增喜歡 return; } $(this).attr("data-val","false"); $(this).addClass("usetemplate2-active"); } else {//選中 if(!option(2,3, infoId)){//取消喜歡 return; } $(this).attr("data-val","true"); $(this).removeClass("usetemplate2-active"); } }); //收藏按鈕 $(".usetemplate3").click(function() { var infoId = $(".preview-cenetrleft").attr("data-id"); if($(this).attr("data-val") == "true") {//未選中 if(!option(1,4, infoId)){//新增收藏 return; } $(this).attr("data-val","false"); $(this).addClass("usetemplate3-active"); } else { if(!option(2,4, infoId)){//取消收藏 return; } $(this).attr("data-val","true"); $(this).removeClass("usetemplate3-active"); } }); function option(mold,type, infoId){ var result = false; if(!isLogin()){ alert("對不起請先登入!"); return result; } $.ajax({ async : false, dataType : "JSON", type : 'POST', url : "/table/addCollction", data : { mold:mold ,type : type, infoId : infoId}, success : function(data) { if (data == 1) { result = true; } else { alert("系統出錯,請聯絡管理員!"); } } }); return result; }