2011-01-22 4 views
0

J'essaie de comprendre comment stocker des éléments de la liste dynamiquement créés dans le stockage local avec le système de paires clé/valeur, mais ne peut pas le comprendre ...html5 localStorage confusion

J'ai une liste de bars qui peuvent être ajouté à une liste "favoris" en cliquant sur une étoile sur la page de la barre individuelle et avoir l'élément de liste particulier cloné, puis ajouté à la liste des favoris.

Je ne peux pas comprendre comment stocker ces informations en utilisant le stockage local ...

Ceci est la JS en utilisant une classe Jquery basculer, en échangeant une image, puis le clonage et annexant aux #favorites ul

$("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(); 
} 

});

toute aide serait grandement appréciée ...

acclamations, marque

Répondre

1

Il y a un moyen bien connu pour passer plusieurs objets JS comme une valeur unique, elle est appelée JSON. Ça ne peut pas te convenir?

+0

désolé mais c'est un peu vague. .. ces éléments de la liste sont en cours de création dynamique, ils n'existent pas encore, je suis en train d'essayer de comprendre ce qui se passe, quelqu'un peut-il aider? – user482024

+0

ces barres ont certaines caractéristiques, certaines données associées (par exemple des ID). vous codez ces données comme une liste d'objets simples: '[" bar_id ": 10," color ":" brown "}, {" bar_id ": 11," couleur ":" laiteux "}]' et stockez sa chaîne représentation. si nécessaire, vous l'extrayez et 'eval()' ou mieux utilisez par ex. 'jQuery.parseJSON()', récupère tes données bien structurées, crée des représentations HTML. Qu'est-ce que je rate? – 9000

1

Vous pouvez regrouper plusieurs attributs dans des objets, puis stocker les objets dans localStorage. Par défaut, les paires clé/valeur localStorage stockent les valeurs sous forme de chaînes, mais vous pouvez envelopper ce dernier avec quelque chose qui convertit entre chaînes et objets - il y a quelques exemples sur comment faire ceci à Storing Objects in HTML5 localStorage