jquery - 点击链接的总次数

Question

好的，我有一个指向一个网站示例的链接：

<a href="https://www.google.com">Click me!</a>

因此，我想在第 10 次点击到不同位置后更改 href 链接，我所做的是有缺陷的，因为它只计算自上次重新加载后链接被点击的次数，例如：

var count = 0;
$(document).ready(function(){
$('a').click(function(){
count++;
if(count > 10){
$('a').attr("href","https://www.yahoo.com");
}
});
});

所以我需要一个计数器来跟踪它被点击的总次数，而不仅仅是页面重新加载后的次数。它需要跟踪每个用户的每次点击，因为我认为 cookie 不会起作用，我可能是错的。

Answer 1

您需要将值保留在 cookie/本地存储中，以便在多个会话中保留该值。您可以使用jQuery cookie之类的库来简化 cookie 操作

前任：

$(document).ready(function () {
    $('a').click(function () {
        var count = parseInt($.cookie('link-count'), 10) || 0
        count++;
        if (count > 10) {
            $('a').attr("href", "https://www.yahoo.com");
        }
        $.cookie('link-count', count)
    });
});

演示：小提琴- 单击链接并刷新页面计数器将保留该值

Answer 2

使用 cookie，您可以保存状态，然后读取并使用它。

使用 jQuery，使用 cookie 非常容易。

 $.cookie("var", "10");