我在这里做了一些搜索,但还没有完全弄清楚这一点。基本上,当我单击它时,我试图让图像加载我的 CSS 的高对比度版本,然后当我再次单击它时重新加载页面。页面重新加载将恢复对比度。
function appendStyleSheet() {
$('head').append('<link rel="stylesheet" href="http://gallanthearts.org/wp-content/themes/Gallant_Hearts/css/high-contrast.css" type="text/css" id="hc_stylesheet" />');
}
$('#contrastbtn').toggle(
$("#contrastbtn").click(function() {
appendStyleSheet();
}),
$("#contrastbtn").click(function() {
location.reload();
})
);