2016-03-02 41 views
1

为什么本地存储不起作用?不能使用localStorage

我最近决定在一个小网站上工作,我想尝试有可切换的主题。我希望主题能够在会话结束后继续存在,而我现在还没有登录,所以我正在寻找本地存储。

这里的控制台日志确认函数正在运行,但没有为页面创建存储。

var main = function() { 
$('#theme1').click (function() { 
    localStorage.setItem("theme", "1"); 
    console.log("click"); 
}); 
} 
$(document).ready(main); 

我也试过localStorage.theme = "1";无济于事。

我使用的是最新的Chrome浏览器,但尽管很明显支持html 5,但我已经检查了w3网站w3schools.com/html5_webstorage并通过他们的“自己试用”系统运行代码。

+0

嗨。您可以尝试使用http://jsbin.com复制该问题吗? –

+2

localStorage.setItem(“theme”,“1”);将仅在单击具有id = theme1的元素时才会调用。 –

+0

是的,你是否点击了元素'#theme1'? –

回答

0

上加载的页面读取本地存储工作过。

根据Dan Prince的评论,我使用开发人员窗口控制台运行localStorage.theme = "1",它看起来好像不能工作,原因很简单。您必须离开本地存储视图并返回以查看更改,但不会刷新。

我最初查看本地存储的方式是单击地址栏中显示cookie,本地存储和连接信息的地址左侧的图标。这可以立即更新并持续使用来自w3schools.org的本地存储设置,但由于某些原因,不会从我的页面读取本地存储。

2

enter image description here

请参考图像检查/检验localStorage的作品或没有。你也写了点击事件的代码...点击,甚至然后在控制台中看到。在控制台日志

var main = function() { 
$('#theme1').click (function() { 
    localStorage.setItem("theme", "1"); 
    console.log(localStorage.getItem('theme')); 
}); 
} 
$(document).ready(main); 

投票如果u喜欢一件事...