html - 如何正确使用 HTML5 localStorage？

Question

所以我刚刚阅读了 Nettut 关于 HTML5 本地存储的视频。但是由于某种原因，我无法让它在我的计算机上运行。（Ubuntu 10.04 Namoroka 3.6.9pre 或 Google Chrome 5）。我正在使用这个 javascript 代码：

$(function() {
    var edit = document.getElementById('edit');
    $(edit).blur(
        function() { 
            localStorage.setItem('todoData', this); 
        }
    );

    if ( localStorage.getItem('todoData') ) { 
        edit = localStorage.getItem('todoData'); 
    }
});

然后我有<ul contenteditable="true" id="edit">一个<li>里面有一个。

当然，我有 Jquery 链接。

我在这里做错什么了吗？

Answer 1

您只是重新绑定变量edit以指向 localStorage 中的项目。这不会产生任何可观察到的效果。我认为您想替换引用的元素的内容edit，因此您需要执行以下操作：

$(function() {

    var edit = $('#edit');

    edit.blur(function() { localStorage.setItem('todoData', edit.html()); });

    if ( localStorage.getItem('todoData') ) { edit.html(localStorage.getItem('todoData')); }

});