2011-01-22 2 views
0

Я пытаюсь выяснить, как сохранить динамически создаваемые элементы списка в локальном хранилище с системой пар ключ/значение, но не могу понять ...html5 LocalStorage путаница

У меня есть список баров, которые могут быть добавлен в список «Избранное», щелкнув звезду на странице отдельного бара и используя клонированный элемент списка, а затем добавив его в список избранных.

Я не могу понять, как хранить эту информацию с помощью локального хранилища ...

Это JS с помощью Jquery переключая класс, поменяв образ, а затем клонировать и добавления к #favorites ул

$("document").ready(function() { 

$('#club1668Star').toggle(club1668Blue, club1668White) 

function club1668Blue(evt) { 
    $('#club1668Star').toggleClass('club1668Blue').attr("src", "media/images/bluestar40.png"); 
    $("#barlist li[id=club1668List]").toggleClass('club1668Fav'); 
    $("#barlist li[class=club1668Fav]").clone().appendTo("#favourites ul[class=plasticBar]"); 

} 

function club1668White(evt) { 
    $('#club1668Star.club1668Blue').removeClass('club1668Blue').attr("src", "media/images/whitestar40.png") 
    $("#barlist li[class=club1668Fav]").toggleClass('club1668Fav'); 
    $("#favourites ul[class=plasticBar] li[id=club1668List]").remove(); 
} 

});

любая помощь будет принята с благодарностью ...

веселит, знак

ответ

1

Там очень хорошо известный способ передать несколько объектов JS как одно значение, это называется JSON. Неужели это тебе не подходит?

+0

извините, но это немного расплывчато. .. эти элементы списка динамически создаются, они еще не существуют, я пытаюсь разобраться в этом, может ли кто-нибудь помочь? – user482024

+0

эти бары имеют определенные характеристики, некоторые данные, связанные с оценкой (например, идентификаторы). вы кодируете эти данные как список простых объектов: '[{" bar_id ": 10," color ":" brown "}, {" bar_id ": 11," color ":" milky "}]' и сохраняете свою строку представление. при необходимости вы извлекаете его и 'eval()' или лучше использовать, например. 'jQuery.parseJSON()', вернуть ваши хорошо структурированные данные, создать HTML-представления. Что мне не хватает? – 9000

1

Вы можете объединить несколько атрибутов в объекты, а затем сохранить объекты в localStorage. По умолчанию пары key/value localStorage сохраняют значения в виде строк, однако вы можете обернуть их чем-то, что преобразует строки и объекты - есть примеры того, как это сделать: Storing Objects in HTML5 localStorage