gpt4 book ai didi

javascript - 如何加快网站上的暗模式延迟?

转载 作者:太空宇宙 更新时间:2023-11-04 13:27:22 24 4
gpt4 key购买 nike

我想加快黑暗模式在我的网站上生效。当我当前加载页面时,页面加载和暗模式生效之间存在延迟。这是我的 jQuery.js 代码

onload = function () {
if (localStorage.getItem("darkMode") === "true") {
var mode = localStorage.getItem("darkMode");
enableDarkMode();
}
}

function enableDarkMode() {
$("body").addClass("dark");
$("nav").removeClass("navbar navbar-expand-md navbar-light");
$("nav").addClass("navbar navbar-expand-md navbar-dark");
$('.inner-switch').text("ON");
var mode = localStorage.setItem("darkMode", "true");
}

function disableDarkMode() {
$("body").removeClass("dark");
$("nav").removeClass("navbar navbar-expand-md navbar-dark");
$("nav").addClass("navbar navbar-expand-md navbar-light");
$('.inner-switch').text("OFF");
var mode = localStorage.setItem("darkMode", "false");
}

$('.inner-switch').on("click", function () {
if ($("body").hasClass("dark")) {
disableDarkMode();
} else {
enableDarkMode();
}
});

最佳答案

你可以使用像Smarty这样的模板引擎并在显示网站之前检查暗模式。然后,您可以分配一个 smarty 变量并在网站的 HTML 中构建一个 IF 语句。

例子:

<body {if darkMode} dark {/if}>

所以它会加载从一开始就激活的黑暗模式。

关于javascript - 如何加快网站上的暗模式延迟?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58667711/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com