Сохранять переведенные состояния на странице load/refresh с помощью jQuery Cookies

Question

Я пытаюсь реализовать функции доступности на сайте, над которым я работаю. У меня есть три кнопки переключения (размер шрифта, выделенные ссылки и инверсия цвета), и я хочу сохранить перегруженные состояния при загрузке/обновлении страницы с помощью 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"); 
    }); 
}); 

Заранее спасибо!

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: '/' }); 
}); 
});