Question

我想在LocalStore中存储一个由jquery通过append()添加的元素。我使用Storage.js来存储数据，但刷新后，item不会存储在LocalStore中。我忘记了什么？

HTML

<a href="#f" id="i_">→1</a><br>
<a href="#f" id="i_">→2</a><br>
<a href="#f" id="i_">→3</a>

<input id="add" type="button" value="Add">

JS

$("#add").bind("click", function () {
 var id = $(this).prev().attr('data-key');
 var number = id.substring(6, 8);
 $("#add").before('<br><a href="#f" id="i_" data-orig-text="→' + number + '" data-key="' + id + '" contenteditable class>→' + number + '</a>');
});

$('a').storage({storageKey:'Links'});

此处的演示：http://jsfiddle.net/DgV78/20/

Answer 1

不使用Storage.js，最好使用HTML5 LocalStorage，这里是full documentation。它类似于下面的内容：

将数据保存到本地存储：

if(typeof(Storage) !== "undefined") {
    // Code for localStorage/sessionStorage.
    var saved_html = "";
    $("a").each(function(){
       saved_html += $(this).html();
    });
    localStorage.setItem("saved_html", saved_html);
} else {
    // Sorry! No Web Storage support..
}

获取数据：

$("body").html(localStorage.getItem("saved_html"));

注意：我不能在你的小提琴上试试，因为它错过了data-key ..

在LocalStore中存储由jquery通过append（）添加的元素

1 个答案: