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')); }

});

如何正确使用HTML5 localStorage？

1 个答案: