移动端评论点攒功能-创新互联
移动端评论点攒功能
专注于为中小企业提供成都网站设计、成都网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业宽城免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了1000多家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。今天我们继续分享一个评论点攒的功能,感觉这个功能逻辑很有意思,整理下来,有需要的伙伴可以一起学习。
功能效果就是这个样子的,下面我们来分解一下代码
html部分
-
风起假如我们一路有默契,那时光再长又有什么关系。我喜欢有感觉的文字。写的现实而温暖。带上你的耳机闭上眼睛来静静聆听这篇《就让我们,晚点在一起。然后一辈子。》2017-04-18 1有用
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"); } });
×××
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享名称:移动端评论点攒功能-创新互联
文章网址:http://pwwzsj.com/article/dihgho.html