如何实现游戏陪玩源码移动端的评论点攒功能？

既为了充分利用用户的碎片化时间，又为了增加用户在游戏陪玩源码中的互动，便实现了动态发布功能，在动态展示模块中，用户之间互动的主要方式就是评论、发点赞了吧，那在游戏陪玩源码开发时，具体需要如何做呢？

下面我们来分解一下游戏陪玩源码移动端的评论点攒功能实现代码

html部分

<ul id="comments_list">
    <li class="comments">
    <div class="com_top">
       <span class="photo">
          <img src="aliyueImg/b20.jpg">
       </span>
       <span class="name">风起</span>
    </div>
    <div class="com_content">
      
    </div>
    <div class="com_bottom">
       <span class="time">2017-04-18</span>
       <span class="useful">
          <span class="like_num">1</span>有用
       </span>
    </div>
    </li>
 </ul>

css部分

.com_bottom .useful{
    float: right;
    font-size: 10px; 
    padding: 0 15px; 
    text-align: center;
    line-height: 20px; 
    border-radius: 10px;
    color: #999999;
    border: 1px solid #999999;
}
.com_bottom .useful.usefulClick {
    color: #F32D27; 
    border: 1px solid #F32D27;
}

JS部分

// 点赞
$("#comments_list li.comments .useful").click(function(){
    var $likeNum = $(this).find('.like_num');
    var num = +$likeNum.text()
    if(!$(this).hasClass('usefulClick')){
       $(this).addClass('usefulClick');
       $likeNum.text(++num);
    }else{
       console.log("tag has usefulClick");
    }
 });

以上就是在游戏陪玩源码移动端实现评论点攒功能的相关代码了，希望对大家有帮助，在游戏陪玩源码开发时，除了评论点赞这种互动方式之外，还能通过语音连麦、礼物打赏等方式增加用户间的互动性。

本文转载自网络，转载仅为分享干货知识，如有侵权欢迎联系云豹科技进行删除处理
原文链接：https://blog.51cto.com/aliyue/1942418