购物车中的项目数:0
BitBox开发者文档

BitBox功能:文章点赞

简介

为WordPress文章添加文章点赞功能。

方法

1.在需要显示文章点赞功能的地方添加如下代码:

<a data-id="<?php
            $id ? $id : get_the_ID();
            echo $id;
            ?>" class="like-the-article <?php
                                        if (isset($_COOKIE['_post_like_' . $id])) {
                                            echo ' is-active';
                                        }
                                        ?>">
    <span class="like-count">
        <?php echo get_the_number_of_like_articles(); ?>
    </span> 点赞
</a>

2.在可以添加JS代码的地方添加:

jQuery.fn.postLike = function() {
    var __self = jQuery(this),
        id = __self.data("id"),
        action = __self.data('action'),
        countWrapper = __self.children('.like-count'),
        ajax_data = {
            action: "article_like_callback",
            id: id
        };
    if (__self.hasClass('is-active')) {
        alert('您已经赞过本篇文章!');
    } else {
        __self.addClass('is-active');
        jQuery.ajax({
            url: bit_ajax_url,
            type: "POST",
            data: ajax_data,
            dataType: "json",
            success: function(data) {
                if (data.code == 200) {
                    countWrapper.html(data.data);
                } else {
                    alert(data.error);
                }
            }
        });
        return false;
    }
};
jQuery(document).on("click", ".like-the-article",
    function() {
        var self = jQuery(this);
        self.postLike();
    });

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注