使用jQuery Cookie保留页面加载/刷新时的切换状态

时间:2016-11-15 11:27:39

标签: jquery cookies pageload page-refresh toggleclass



我正在尝试在我正在处理的网站上实现辅助功能。我有三个切换按钮(字体大小,突出显示的链接和颜色反转),我想使用jQuery Cookies保留页面加载/刷新的切换状态。我已经阅读了关于这个主题的其他主题,但是我太缺乏经验,无法让我的具体方案发挥作用。

$(document).ready(function(){
    $("button.type-size").click(function(){
        $("body").toggleClass("accessibility-font");
        $("button.type-size").toggleClass("on");
    });
    $("button.links").click(function(){
        $("a").toggleClass("accessibility");
        $("button.links").toggleClass("on");
    });    
    $("button.contrast").click(function(){
        $("body, img, .site-branding, .accessibility-bar, .no-invert, a, button").toggleClass("invert");
        $("button.contrast").toggleClass("on");
    });
});


提前谢谢!

0 个答案:

没有答案