如何正確使用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')); } 

});