JQuery按钮禁用整个网站的CSS？答案

【问题标题】：JQuery button to disable CSS across entire website?JQuery按钮禁用整个网站的CSS？
【发布时间】：2016-04-13 22:25:30
【问题描述】：

我想制作这些按钮来启用/禁用我正在制作的整个网站的 css。我正在努力做到这一点，当用户单击按钮以禁用/启用 css 时，它会在网站的所有网页上执行此操作，而不仅仅是用户所在的页面。

到目前为止，我启用/禁用 css 的代码如下

<script>
$("#text-only").click(function () { jQuery('#mainStyleSheet').remove();}); 
$("#renable-style").click(function () {$('head').append('<link href="css/style.css" rel="stylesheet" id="mainStyleSheet" />');});
</script>

有什么想法吗？

【问题讨论】：

不要以为你可以那样做，除非它是一个单页应用程序。您可能需要做的是触发 AJAX 请求以在服务器上设置全局变量，并且仅在它不为 false 时输出链接标记，当然使用 JS 将其从当前页面中删除。
研究 cookies 或 localStorage 以存储和检索当前“状态” - 以便导航到新页面可以适当地启用/禁用 CSS。
可能会保存一个临时文件或 cookie，告知样式是启用还是禁用，以便在加载新网页时检查 cookie

标签： javascript jquery html css web

【解决方案1】：

{$('head').append('<link href="css/style.css" rel="stylesheet" id="mainStyleSheet" />');});

而不是

{$('head').html('<link href="css/style.css" rel="stylesheet" id="mainStyleSheet" />');});

【讨论】：

【解决方案2】：

在我看来，您应该为您在网页中创建的每个对象添加一个 css 类。在该类中进行所有更改。

【讨论】：