javascript - 如何将本地 CSS 更改保存到服务器记录？

Question

我有一个客户端方法，它通过添加一个不透明度设置为 0.4 的类来使 DOM 中呈现的文档变灰:

   'click .detailCheckbox': function(ev){
    var detail = $(ev.target).parent();

    if(!detail.hasClass('toggle')){
        detail.addClass('toggle');  
    } else {
        detail.removeClass('toggle');
    }

}

但是，当我重新加载页面时，DOM 元素不再灰显，因为我从未更新服务器上的文档。

我是否必须在这里变得非常有创意，或者我是否缺少解决此问题的简单方法？

Answer 1

您可以使用 meteor-persistent-session package .

Session.setPersistent(key, value) //store a persistent session variable (persistent)

例如。

 if(!detail.hasClass('toggle')){
        detail.addClass('toggle');
        Session.setPersistent('opacity',0.4)  
    } else {
        detail.removeClass('toggle');
        Session.clear('opacity')
    }