ajax无刷新点赞插件,可以轻松解决网站文章点赞功能,并且可以在伪静态后的页面实时显示点赞次数和实时更新点赞次数,并且加入+1动画效果,加入cookie(点击查看jQuery cookie使用方法)记录效果,一个人只能赞一个,加入点赞和取消赞功能,不想赞再点击一次即可取消赞,此插件由合肥网站建设知名品牌—多元速网络科技有限公司开发;
使用简介:
1.首先把数据库中的digg.sql数据库加到你的phpcms中 这里需要注意的是数据库前缀 我们的是dys_ 如果你的不是 请打开修改
2.把phpcms中的文件 放到你自己的phpcms文件中 对应文件放到对应文件夹中 把js文件放到statics中的js中
3.按照下面的顺序来就ok了;
使用方法:
1.引入必要的js
2.第二步引入html代码<!--第一步 加入cookie是为了让浏览器记住点击状态 解决刷新浏览器恢复 原来字样--> <script src="{
JS_PATH}
jquery1.8.3.js"></script> <script src="{
JS_PATH}
jquery.digg.js"></script> <script src="{
JS_PATH}
jquery.cookie.js"></script> <!--第一步 end-->
3.引入js代码<!--第二步 核心class diggs diggFont diggNum--> <a href="javascript:;
" class="diggs"> <script> if($.cookie('dys_cookie{
$id}
') == {
$id}
){
document.write('<span class="diggFont">取消点赞</span>');
}
else{
document.write('<span class="diggFont">点赞</span>');
}
</script> <span class="diggNum">0</span> </a> <!--第二步 end-->
插件效果预览:<!--第三步 ajax请求数据 实现实时更新文章赞次数 解决网站静态不更新问题--> <script> $(function(){
//digg赞初始化ajax $.post("{
APP_PATH}
index.php?m=content&c=digg",{
id:{
$id}
,modelid:{
$modelid}
}
,function(data){
$(".diggNum").text(data.count);
}
,"json") //digg点击+1 $(".diggs").on("click",'',function(){
$.ajax({
type: "POST", url: "{
APP_PATH}
index.php?m=content&c=digg&a=diggs", data: {
id:{
$id}
,modelid:{
$modelid}
}
, dataType: "json", success: function(data){
if(!data.flag){
// $.cookie('dys_cookie{
$id}
', null);
$(".diggFont").text('点赞');
$(".diggNum").digg({
str: "-1", style: 'font-weight:bold;
', endSize: "60px", interval:800 }
);
}
else{
$.cookie('dys_cookie{
$id}
', {
$id}
);
$(".diggFont").text('取消点赞');
$(".diggNum").digg({
str: "+1", style: 'font-weight:bold;
', endSize: "60px", interval:800 }
);
}
$(".diggNum").text(data.count);
}
}
) }
) }
) </script> <!--第三步 end-->
下载使用说明:
加多元速官方微信(扫一扫文章右下方二维码)回复“phpcms点赞插件”即可下载;
(加入多元速官方微信,每天都有技术文章推送哦,绝对值得!)
(责任编辑:网页模板)