html5 localStorage未设置点击功能

Question

我不能通过div类的.click函数设置localStorage。

以下代码不起作用。

<div class="time"></div>

$(".time").click(function(){
    localStorage.setItem("time", "0.6");
});

如何让它发挥作用？

固定（更新）

我开始工作了。 我在我的代码中抓取了“时间”的父类，这是“主”。这让我可以设置localStorage。

<div class="main">
<div class="time"></div>
</div>

$(".main").click(function(){
        localStorage.setItem("time", "0.6");
});

谢谢， 蒂莫西

Answer 1

适合我： 单击div输出.6到控制台 - 所以它确实工作。我会查看你的getter语法。

<强> JS

$(".time").click(function(){
    localStorage.setItem("time", "0.6");
    var data = localStorage.getItem("time");
    console.log(data);
});

<强> CSS

.time{
  padding:20px 40px;
  background-color:#000;
  color:white;
  cursor:pointer;
  display:inline-block;
}

<强> HTML

<div class="time">Click Me</div>

FIDDLE