AB亚博体育平台官网vip入口网:专注于dede亚博体育平台官网vip入口,织梦源码,织梦亚博体育平台官网vip入口,网站亚博体育平台官网vip入口,dedecms亚博体育平台官网vip入口,网站源码,dedecms教程以及各类手机网站亚博体育平台官网vip入口和企业网站亚博体育平台官网vip入口分享.
用户名:
密码:
注册

织梦亚博体育平台官网vip入口

网站亚博体育平台官网vip入口搜索
VIP

CMS教程

站长学院

随机织梦教程

最新织梦教程

织梦亚博体育平台官网vip入口随机Tags

搜索引擎 外贸织梦亚博体育平台官网vip入口 互联网营销 seo网站优化 伪原创 网站优化 灯具织梦亚博体育平台官网vip入口 单页织梦亚博体育平台官网vip入口 钣金加工织梦亚博体育平台官网vip入口 餐饮管理织梦亚博体育平台官网vip入口 网站亚博体育平台官网vip入口 robots协议 钢材织梦亚博体育平台官网vip入口 营销型网站 展示型网站源码 五金外贸织梦亚博体育平台官网vip入口 中英文 自定义表单 质量 不秀钢网站源码

WordPress网站亚博体育平台官网vip入口纯代码实现 AJAX点赞功能

www.adminbuy.cn / 2015-06-16
wordpress网站里增加访客互动、展示文章热度的时候,除了阅读数、评论数外,还有个有趣的元素,那就是赞,如QQ空间里的说说一样,赞!
网上也有很多的点赞插件,大家可以去下载,但是呢插件使用起来有点不方便,也不是不方便就是主题给别人用啊什么的如果有插件还要他们自己装,如果集成代码那么就省心多了。
下面就直接给教程吧
将下面的代码加入到你的functions.php中就是wordpress主题的函数文件
add_action('wp_ajax_nopriv_bigfa_like', 'bigfa_like');
add_action('wp_ajax_bigfa_like', 'bigfa_like');
function bigfa_like(){
global $wpdb,$post;
$id = $_POST["um_id"];
$action = $_POST["um_action"];
if ( $action == 'ding'){
$bigfa_raters = get_post_meta($id,'bigfa_ding',true);
$expire = time() + 99999999;
$domain = ($_SERVER['HTTP_HOST'] != 'localhost') ? $_SERVER['HTTP_HOST'] : false; // make cookies work with localhost
setcookie('bigfa_ding_'.$id,$id,$expire,'/',$domain,false);
if (!$bigfa_raters || !is_numeric($bigfa_raters)) {
update_post_meta($id, 'bigfa_ding', 1);
}
else {
update_post_meta($id, 'bigfa_ding', ($bigfa_raters + 1));
}
echo get_post_meta($id,'bigfa_ding',true);
}
die;
}
JS代码
$.fn.postLike = function() {
if ($(this).hasClass('done')) {
return false;
} else {
$(this).addClass('done');
var id = $(this).data("id"),
action = $(this).data('action'),
rateHolder = $(this).children('.count');
var ajax_data = {
action: "bigfa_like",
um_id: id,
um_action: action
};
$.post("/wp-admin/admin-ajax.php", ajax_data,
function(data) {
$(rateHolder).html(data);
});
return false;
}
};
$(document).on("click", ".favorite",
function() {
$(this).postLike();
});
在你想显示的地方加入如下代码,推荐加到文章内容尾部
喜欢
ID,'bigfa_ding',true) ){
echo get_post_meta($post->ID,'bigfa_ding',true);
} else {
echo '0';
}?>
参考css样式
.post-like{text-align:center;padding:10px}
.post-like a{ background-color:#21759B;border-radius: 3px;color: #FFFFFF;font-size: 12px;padding: 5px 10px;text-decoration: none;outline:none}
.post-like a.done, .post-like a:hover{background-color:#eee;color:#21759B;}
.post-like a.done{cursor:not-allowed}
希望大家喜欢,哈哈
本文由AB亚博体育平台官网vip入口网:织梦亚博体育平台官网vip入口整理发布,转载请说明出处:http://www.adminbuy.cn
首页 亚博体育平台官网vip入口 亚博官网登录 会员中心
收缩