Question

如何在我的网站上开发类似按钮？这个按钮如何工作而不连接数据库并写一个查询来返回结果？我不想在我的网站上添加像按钮一样的Facebook。我想知道如何发展

Answer 1

您必须以某种方式存储此信息，最好的方法是数据库。您可以使按钮增加数据库值，然后在页面加载时读取该按钮以获取当前“喜欢”的数量。除非你希望它只是通知你，否则我猜你可以将它mail()给你。

Answer 2

虽然我不确定你为什么要这样做会在单个会话中为单个用户工作，但你可以创建a simple click counter。

我使用jQuery和Bootstrap使它变得闪亮，我这样做很简单，就像这样：

<button class="btn" rel="tooltip" title="" id="likes" data-placement="right">Like<i class="icon-thumbs-up"></i></button>

和

$(document).ready(function(){
    var likeCount = 0;
    $('#likes').click(function(){
    likeCount++;
    console.log(likeCount);
    $(this).attr('data-original-title',likeCount).tooltip({'trigger' : 'click'}).tooltip('show');
    });
});

如果您想跳过数据库，可以使用jQuery cookie在多个会话中存储局部变量。

这将涉及一个稍微棘手的变量舞蹈，我不是非常有效率，但它完成了工作：http://jsfiddle.net/crowjonah/wyU59/

相同的HTML标记，不同的脚本：

$(document).ready(function(){
    $.cookie('likeCountCookie', likeCount);
    var cookieCount = $.cookie('likeCountCookie');
    $('#likes').attr('data-original-title',cookieCount).tooltip({'trigger' : 'click'}).tooltip('show');
    if (cookieCount){
        var likeCount = cookieCount;
    }
    else {
        var likeCount = 0;
    }

    $('#likes').click(function(){
        likeCount++;
        $.cookie('likeCountCookie', likeCount);
        $(this).attr('data-original-title',likeCount).tooltip({'trigger' : 'click'}).tooltip('show');
    });
});

在我的网站上开发类似按钮，而不是像按钮那样添加Facebook

2 个答案: