0

如何在我的网站上开发一个赞按钮?这种类似按钮如何在不连接数据库并编写查询以返回结果的情况下工作?我不想在我的网站中添加 Facebook 赞按钮。我想知道怎么开发

4

2 回答 2

1

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

于 2012-10-16T23:27:17.050 回答
0

虽然我不确定您为什么要在单个会话中为单个用户执行类似的操作,但您可以创建一个简单的 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');
    });
});

​
于 2012-10-16T23:58:09.553 回答