Question

jQuery(document).ready(function($){
    $("#a2").click(function(){
        $('body').css("cssText","font-size: 107% !important");
    });
});

jQuery(document).ready(function($){
    $("#a3").click(function(){
        $('body').css("cssText","font-size: 114% !important");
    });
});

jQuery(document).ready(function($){
    $("#a4").click(function(){
        $('body').css("cssText","font-size: 121% !important");
    });
});

我给A，A +，A ++按钮提供了a2，a3，a4 ID。每当我的网站的访问者点击这些按钮中的任何一个时，整个网站的字体大小将相应地改变。现在font-size正在改变，但是当我刷新页面时，它再次显示默认的font-size。我怎样才能做到这一点？我需要使用会话吗？以及如何在css或jquery中使用它？我是网站开发的新手。所以请帮助我。

Answer 1

我编写了以下代码，它运行正常。我正在分享它，以便其他人可以参考它。

jQuery(document).ready(function($){
    var fontCookie = get_cookie('fontclass');
    if(fontCookie) {
        jQuery('body').addClass(fontCookie);
    }
    $("#a2").click(function(){
        jQuery('body').removeClass('body-18');
        jQuery('body').addClass('body-16');
        var now = new Date();
            var time = now.getTime();
            time += 3600 * 1000 * 700;
            now.setTime(time);
            document.cookie = 
            'fontclass=body-16' + 
            '; expires=' + now.toGMTString() + 
            '; path=/';
        event.preventDefault();
    });
});

像这样我添加了a1和a3的功能，我也按照我的要求添加和删除了css类。

Answer 2

无论何时设置会话变量，都必须使用AJAX发送服务器端请求，权重非常轻，不需要加载任何外部库

Answer 3

会话存储在服务器上。因此，如果要使用会话，则必须使用ajax来获取和设置信息。

更简单的解决方案是使用您可以在javascript中管理的Cookie。见http://www.w3schools.com/js/js_cookies.asp

Answer 4

具体问题： jquery.session.js插件也用于它需要JSON插件的目的http://code.google.com/p/jquery-json/

商店：

$(function() {
     $.session(“myVar, “value”);
});

读：

$.session(“myVar)

如果我没有找到你，如果我的上述答案对你的情况没有帮助，你的描述说你想要存储用户的个性化信息，这通常并且通常存储在很长时间后过期的cookie中或者他们存储在后端的数据库中。

如何在jquery / css中设置会话变量？

4 个答案: