jquery – 在页面刷新后保持切换类

前端之家收集整理的这篇文章主要介绍了jquery – 在页面刷新后保持切换类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我以为这已经做了很多次,但尽管阅读了一些关于cookie的帖子无法让我理解它.

我基本上有一个第二个body类,为整个站点提供不同的字体,当客户端点击链接更改字体时可以访问.理想情况下,这不会是逐页的,但新类在访问新页面后会“坚持”.我通过jquery更改类代码如下所示:

$(document).ready(function() {
    $("a#switcher").click(function() {
        $("body").toggleClass("alternate_body");
    });
});

是否有一种相对简单的方法来实现这一目标?提前致谢.

解决方法

Cookie方法

您可以使用jQuery插件(如jquery-cookie)来简化cookie访问.所以你的代码会变成这样的东西来保存类设置:

$(document).ready(function() {
    var body_class = $.cookie('body_class');
    if(body_class) {
        $('body').attr('class',body_class);
    }
    $("a#switcher").click(function() {
        $("body").toggleClass("alternate_body");
        $.cookie('body_class',$('body').attr('class'));
    });
});

网址参数

另一种选择是在页面点击#switcher时在页面的所有链接上设置URL参数,以保持状态而不设置cookie.

原文链接:https://www.f2er.com/jquery/181290.html

猜你在找的jQuery相关文章