页面加载时保留切换状态/使用jQuery Cookies进行刷新
问题描述:
我试图在我正在使用的网站上实现辅助功能。我有三个开关按钮(字体大小,突出显示的链接和颜色反转),我想保留使用jQuery的Cookie在页面加载/刷新的切换状态。我已阅读关于该主题的其他主题,但我太缺乏经验,无法让我的具体情况发挥作用。
页面加载时保留切换状态/使用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");
});
});
提前感谢!
答
实测值的溶液中。这是我如何检查按钮是否被按下。
$(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: '/' });
});
});
你有没有找到解决的办法?我正在尝试做类似的事情。 – Aaron
@Aaron,我发布了答案。 – Fadermoll