jQuery - 如何使单击事件保持永久

Question

这是我的代码：

$('.to-add').one('click', function() {
               $(this).parent().toggleClass('cart-added');
                    $(this).css('display', 'none');         
 });

在click事件之后，元素的父元素将获得一个新类（如代码中所示）。现在我要做的是，即使页面被重新加载，被添加的类也会永久保留，或者如果你转到其他页面然后再转到这个页面，新类将始终存在。有关如何做到这一点的任何想法？

由于

Answer 1

将添加的ID存储到cookie或会话中。如果ID存在，则回显该类。

Answer 2

如果您只是尝试使用JavaScript执行此操作，则可以使用JS Cookie在本地存储Cookie（客户端）。您可以通过保存类是否已作为cookie添加到元素中来执行此操作，然后在页面加载功能中执行必要的操作。

话虽如此，这不是永久性解决方案 - 如果清除缓存，或者在新浏览器上打开缓存，或者删除了Cookie，则该类不会将cookie添加到元素中，因为cookie是本地存储的。

如果你希望这是永久性的，就像永远一样，你需要做那个服务器端。

JavaScript（通常）用于客户端逻辑 - 在查看器的机器/浏览器上发生的事情，并且对于所有用户可以是不同的。像PHP，NodeJS（JavaScript服务器端框架），ASP / ASP.NET和Ruby On Rails这样的框架用于服务器端逻辑 - 在服务器上保存/处理然后显示给查看器的东西。