2

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>

ジャバスクリプト:

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

2 に答える 2

1

そのコードは、要素をぼかした後に機能します。keyupたぶん、これはイベントでうまくいくでしょう。

$(items).keyup(function () {
    localStorage.setItem('itemData', this.innerHTML);
});
于 2013-03-28T02:44:25.087 に答える
0

わかりましたので、私は新しいので、要点を完全に見逃している可能性があります。しかし、投稿したコードでは、リストを更新しませんでした。動的リストを作成していたとき、リストを作成する関数に更新を入れました。例: $(items).listview('refresh');

于 2013-03-28T02:26:06.333 に答える