2011-01-22 8 views
0

私は、キー/値のペア・システムとローカルストレージに動的に作成されたリストの要素を格納する方法を把握しようとしていますが、それを把握することはできません...HTML5のlocalStorage混乱

私はバーのリストを持っていることができます個々のバーのページの星をクリックし、特定のリスト要素をクローンしてからお気に入りリストに追加することによって、「お気に入り」リストに追加することができます。私は、ローカルストレージを使用してこの情報を保存する方法を見つけ出すことはできません

...

これで、クラスをトグル画像を交換して、クローニングおよび

UL #favoritesへの追加のjQueryを使ってJS
$("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

、それはJSONと呼ばれる単一の値として、複数のJSオブジェクトを渡すために、よく知られた方法があります。それはあなたに合っていない?

+0

残念ですが少し曖昧です。これらのリストアイテムは動的に作成されていますが、まだ存在しません。私はこれを頭に入れようとしています。 – user482024

+0

これらのバーは、ある特徴、いくつかのアシスタントデータ(例えば、ID)を有する。このデータを簡単なオブジェクトのリストとしてエンコードします: '' {bar_id ":10、" color ":" brown "}、{" bar_id ":11、" color ":" milky "}]'表現。必要に応じてそれを抽出して ' 'jQuery.parseJSON()'は、構造化されたデータを元に戻し、HTML表現を作成します。私は何が欠けていますか? – 9000

1

複数の属性をまとめてオブジェクトにグループ化し、そのオブジェクトをlocalStorageに格納することができます。デフォルトでは、localStorageのキーと値のペアは値を文字列として保存しますが、これを文字列とオブジェクトの間で変換するものでラップすることができます - これを行う方法の例がいくつかあります。Storing Objects in HTML5 localStorage