Question

我有以下内容：

$(document).ready(function () {
   var store = window.localStorage;
   $('#accounts > li > a').click(function (e) {
                var store = window.localStorage;
                e.preventDefault();
                store.setItem('account1', $(this).html());
                alert($(this).html());
                alert(store.getItem('account1'));
   });
   ...

当我对链接进行更改时，第一个警报会给我正确的值，但最后一个警报只给我null。我正在使用Firefox 11（最新版本）和IE 9.我认为两者都允许本地存储。

任何人都可以看到我做错了什么。看起来代码非常简单。我只是无法获得物品存储。

这是我正在使用的HTML：

<div style="margin-top: 20px;" class="btn-group">
    <label style="background: none; background-color: #333; width: 120px;" 
    class="btn btn-inverse" id="account">X</label>

    <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">
    <span class="caret"></span>

    </button>
    <ul class="dropdown-menu" id="accounts">
    <li><a data-value="00" href="#">A</a></li>
    <li><a data-value="01" href="#">B</a></li>

    <li><a data-value="02" href="#">C</a></li>
    <li><a data-value="16" href="#">D</a></li>
    </ul>
</div>

Answer 1

我完全按照你上面的方式复制了你的代码并将它放在jsfiddle上。我不得不即兴发布HTML，因为你没有发布它，但它适用于Chrome，Safari和IE9。

我建议发布你的HTML。这可能是问题所在。

这个演示适合你吗？：

http://jsfiddle.net/ThinkingStiff/MRLEW/

window.localStorage无法按预期工作

1 个答案: