点赞实现

来源:互联网 发布:js切换效果代码 编辑:程序博客网 时间:2024/06/06 13:09

点赞功能使用说明

单篇文章点赞

使用步骤如下:1、在模板中引入js,如果引入过jquery,不需要重复引入,确保caslike文件在引入jquery文件的后面:<script type="text/javascript" src="//api.cas.cn/lib/jquery/1.12.1/jquery.min.js" ignoreapd="1"></script><script type="text/javascript" src="//api.cas.cn/app/like/js/jquery.caslike.min.js" ignoreapd="1"></script>2、在需要显示点赞量的地方,插入标签<span id="like"></span>,并将该标签的id设置为:like3、在页面结束标签</body>前面,插入以下js:如果是在wcm使用,就直接使用下面例子中的置标即可<script>$(function(){$("#like").caslike({//此处的id与span的标签id对应即可platId: "1",//平台id,中文主站平台1,院属单位平台2,重要网站平台3,二级子站系统管理平台4,英文门户系统管理平台5siteId: "<trs_website field='siteid' />",//站点id,docId: "<trs_document field='docid'/>",//文档idcolor: //图标的颜色fontSize: //字体的大小});});</script>4、点赞间隔超过3天的文章,可以再次点赞。5、建议以上js代码都放在页面的</body> 之前,详细示例可以右键查看当前页面的源代码进行参考。

多篇文章列表点赞

点赞功能使用说明多篇文章的显示点赞量,只显示,不能点击:docid 1610:1docid 38596:3docid 38677:2docid 39252:2docid 42034:1使用说明:使用步骤如下:1、在模板中引入js,如果引入过jquery,不需要重复引入,确保caslike文件在引入jquery文件的后面:<script type="text/javascript" src="//api.cas.cn/lib/jquery/1.12.1/jquery.min.js" ignoreapd="1"></script><script type="text/javascript" src="//api.cas.cn/app/like/js/jquery.caslike.min.js" ignoreapd="1"></script>2、多篇文档显示点赞,最好通过jquery的类选择器选择多条在需要显示点赞量的地方,插入标签<span class="like"></span>,标签的顺序要和docid的顺序一致3、在页面结束标签</body>前面,插入以下js:<script>$(function(){$("body").caslike({//此处的id与span的标签id对应即可platId: "7",//平台id,中文主站平台1,院属单位平台2,重要网站平台3,二级子站系统管理平台4,英文门户系统管理平台5,6:其它平台,7:互动平台siteId: "<trs_website field='siteid' />",//站点id,readOnly: true,//当只读时,docid、color、fontSize属性无效docIds: "1610,38596,38677,39252,42034",//多篇文档id,用英文逗号分隔,docid的顺序和displayObj对象的顺序要一致displayObj: $("span.like")});});</script> 5、建议以上js代码都放在页面的</body> 之前,详细示例可以右键查看当前页面的源代码进行参考。

参考:
http://api.cas.cn/app/like//demo/index.htm
http://api.cas.cn/app/like//demo/index2.htm

0 0
原创粉丝点击