页面加载时保留切换状态/使用jQuery Cookies进行刷新

Question

我试图在我正在使用的网站上实现辅助功能。我有三个开关按钮（字体大小，突出显示的链接和颜色反转），我想保留使用jQuery的Cookie在页面加载/刷新的切换状态。我已阅读关于该主题的其他主题，但我太缺乏经验，无法让我的具体情况发挥作用。

$(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"); 
    }); 
}); 

提前感谢！

Answer 1

实测值的溶液中。这是我如何检查按钮是否被按下。

$(document).ready(function(){ 
    var sel = $.cookie("accessibility"); // get the cookie 
    console.log("from cookie:"+sel,sel!=true); 
    sel = sel=="true"; 
    $("body, a").toggleClass("accessibility",sel); // initial 
    console.log("after test:"+sel,$("body, a").hasClass("accessibility")); 

$("button.links").on("click",function() { 
    $("body, a").toggleClass("accessibility"); 
    var $this = $(this); 
    sel = !sel; 
    $.cookie("accessibility", sel,{ expires: 1, path: '/' }); 
}); 
});