頁面加載時保留切換狀態/使用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: '/' }); 
}); 
});