将jQuery的“rand color”保存到本地存储？

Question

我正在为大学单元构建便笺簿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]); 
}); 

Answer 1

保存到localStorage很简单：

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

和检索值后也很简单：

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

你的情况的诀窍是找到在应用程序生命周期的正确的地方保存值（例如，用户选择了一个值？）。

但在启动时加载：

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