将 jQuery 'rand color' 保存到本地存储？

Posted 2023-03-05

【中文标题】将 jQuery \'rand color\' 保存到本地存储？

【英文标题】：Save jQuery 'rand color' to local storage?将 jQuery 'rand color' 保存到本地存储？

【发布时间】：2016-06-17 07:52:41

【问题描述】：

我正在为一个大学单元构建一个便签本 Web 应用程序。它基本上可以每次点击添加注释，它会加载三种颜色中的一种 - 请参阅下面的我的 javascript。从这里它加载一种颜色，但每次我刷新它都会加载三种不同颜色中的一种，如何将当前的笔记颜色保存到本地存储或 php 会话？

请有人帮忙。

$(document).ready(function()
  var colors = ["#f1c40f","#e74c3c","#9b59b6"];                
  var rand = Math.floor(Math.random()*colors.length);           
  $('.note').css("background-color", colors[rand]);
);

【参考方案1】：

保存到localStorage 很简单：

localStorage.setItem('someKey', 'someValue');

以后检索值也很容易：

var val = localStorage.getItem('someKey');

在您的案例中，诀窍是在应用程序生命周期中找到正确的位置来保存值（例如，用户是否选择了一个值？）。

但要在启动时加载：

$(document).ready(function()
    var val = localStorage.getItem('someKey');
    $('.note').css("background-color", val);
);

【讨论】：

对不起，我是 jQuery 的新手——我将如何为此设置键和值。感谢您的回答，我相信它会工作。我相信你。