接入点赞数据

js部分

 //评论点赞
    $(".comment_content").on("click","dl .com_t,dl dd .re_t",function(e){  //点击动态加载的评论点赞和回复评论点赞
        e.stopPropagation();
        var th=$(e.currentTarget).find(".thumbs-up");
        //var postid=$(e.currentTarget).closest("dl").attr("postid");   //要确保点击**评论点赞**和**回复评论点赞**都能取到postid,所以用下面这一句
        var postid=$(e.currentTarget).closest(".postid").attr("postid");
                if(api.pageParam.fromName=='root'){
                    var url = 'http://' + serv_ip + '/app/index.php?method52=b.article.likepost';
                    var data = {
                        topicid:topicid ,
                        postid:postid      //传入该篇文章的id  和评论的id (评论和回复评论id都为不同 postid)
                    };
                    if(myid) {
                        msAjax(url, data, function (result) {
                            if (result.success) {
						//提供接口值为1是点赞过的,接口值为0是未点赞的
                                if (result.data == '1') {   
                                    th.attr("src","images/community/thumbs-uped.png");
                                    var num=Number( $(e.currentTarget).find("span").text())+1;
                                    $(e.currentTarget).find("span").text(num);
//                                    $(e.currentTarget).find("span").text(Number( th.text())+1);
                                } else {
                                    th.attr("src","images/community/thumbs-up.png");
                                    var num=Number( $(e.currentTarget).find("span").text())-1;
                                    $(e.currentTarget).find("span").text(num);
                                }

                            } else {
                                showExMsg(result.reason);
                            }
                        })
                    }else {
                        gotoLogin();
                    }

                }
            });

动态加载html部分

   + '      <div class="thumbs-up '+(item.liked=='1'?'active':'')+'"><div>' + item.likecount + '</div></div>'

css部分

 .thumbs-up.active{
            background-image: url("images/community/thumbs-uped.png");
        }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值