为什么此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

该代码在模糊元素后才起作用。 也许在keyup事件中会更好。

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

Answer 2

好的，所以我是新手，可能会完全忽略重点。 但是在您发布的代码中，您没有刷新列表。 在创建动态列表时，我将刷新放在创建列表的函数中。 例如$（items）.listview（'refresh'）;