javascript - 让toggleClass 保留给网站的任何查看者

Question

我怎样才能让toggleClass保存并保留给网站的任何浏览者？这是一个非工作示例:

https://jsfiddle.net/715j94gL/3/

    $(function(){
        $(".worker").click(function(){
            $(this).toggleClass("active");        
        }); 
        }); 

我考虑过使用 cookie，但这只会在计算机上为该网站的一名浏览者保存信息。

如有任何帮助，我们将不胜感激。谢谢!

Answer 1

据我所知，您有两个选择 - 两者都有一些陷阱。

数据库

将元素的当前类存储在数据库中。对于访问您网站的每个查看者，从所述数据库加载该类。如果您想“实时”更新类，请使用带有计时器的 ajax 从数据库中检索类。

http://www.formget.com/insert-data-in-database-using-php/

Ajax

将当前类存储在文本文件中(如果您要存储多个元素的多个值，例如您的每个同事，则以 JSON 格式存储数据将更容易检索和保存) 。与上面完全相同 - 可能不是首选方法(但值得一提，因为我猜这是一种可能性)。

http://api.jquery.com/jquery.getjson/ http://www.sitepoint.com/ajaxjquery-getjson-simple-example/

陷阱

您的用户将会为元素的类别“争斗”。想象一下，如果您有 5 - 10 个人在直播时同时切换类(class)。它会变得非常分散注意力。只是需要注意一些事情。