gpt4 book ai didi

javascript - 保存用户的黑暗模式偏好的问题

转载 作者:行者123 更新时间:2023-11-28 14:24:23 24 4
gpt4 key购买 nike

<分区>

我正在尝试使用 localStorage 来保存我网站上的深色模式首选项。我遇到的问题是,当您切换到暗模式并点击刷新时,它会保持暗模式。但是,如果你切换到深色模式,然后回到浅色模式,然后点击刷新,它就会加载深色模式。

到目前为止,我还没有找到任何有用的资源。

下面是我的 fiddle 和我的 js 脚本。

Updated Fiddle

 <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('ul').click(function(){
$('ul').toggleClass('active')
let darkThemeEnabled = $('section').toggleClass('dark');
localStorage.setItem('dark-theme-enabled', darkThemeEnabled);
})
})

if (localStorage.getItem('dark-theme-enabled')) {
$('section').toggleClass('dark');
$('ul').toggleClass('active')
}
</script>

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