爲什麼這個javascript代碼不能用於html5（在本地存儲中保存有序列表）？

Question

我有一個無序的HTML列表，我希望它的內容是可編輯的，並保存在本地，以便刷新編輯列表時，而不是默認的列表。

HTML：

<ul id="items" contenteditable="true"> 
    <li> Read up on HTML</li> 
    <li> Learn new things in HTML5</li> 
    <li> Try testing my knowledge by building a mobile app</li> 
</ul> 

JAVASCRIPT：

$(function() { 
    var items = document.getElementById('items'); 
    $(items).blur(function() { 
     localStorage.setItem('itemData', this.innerHTML); 
    }); 
    if(localStorage.getItem('itemData')) { 
     items.innerHTML = localStorage.getItem('itemData'); 
    } 
}); 

Answer 1

好了，我是新的，可能是完全缺少了這一點。但是在你發佈的代碼中，你沒有刷新列表。當我製作一個動態列表時，我將刷新放在生成列表的函數中。例如$（items）.listview（'refresh'）;

Answer 2

該代碼在模糊元素後工作。也許這會更好地與keyup事件。

$(items).keyup(function() { 
    localStorage.setItem('itemData', this.innerHTML); 
});