如何使用localstorage存储数据?

时间:2013-07-15 10:40:23

标签: jquery html5 listview local-storage

我正在尝试使用localstorage获取收藏列表。当我点击它打开的项目并包含一些数据时,我有一个包含项目数量的列表视图。在同一页面中,我有一个带"Bookmark"的按钮。当我点击该按钮时,必须在该收藏夹列表中添加特定页面。当我试图获取收藏列表时,它不存储任何数据。

HTML文件:

<!-- Favourites page -->
<div data-role="page" id="fav">
    <div data-role="header">
    <h1>Favorites</h1>
    </div>
    <div data-role="content">
    <ul id="favoritesList" data-inset="true" data-filter="true"></ul>
    </div>
    <div data-role="footer" data-position="fixed">
    <a href="#home" data-icon="home" data-iconpos="left"></a>
    </div>
</div>

Js文件:

<a href="" data-role="button" class="addToFavoritesDiv">Bookmark</a>

$(".addToFavoritesDiv").click(function() {
                    var path = $.mobile.activePage.data('url');
                    //alert(path);
                    //var store = localStorage.path;
                                    s += "<li><a href=\"index.html?id="+ localStorage.path +"\"></a></li>";
                $('#favoritesList').append(s);
                //alert("appended");
                                    $('#favoritesList').listview('refresh');
                });
$("#fav").on('click', function(event){
                //get our fav
                var fav;
                            var favs;
                for (var i = 0; i < localStorage.length; i++) {
                            fav = favs[i];
                             }      
                s += "<li><a href=\"index.html?id=""\" class="item"></a></li>";
                $('#favoritesList').append(s);
                addToStorage(fav);
        });

function addToStorage(favList)
{
$(".item").on('click', function (){
  var i = $('.item').index(this);
  console.log(i);
         localStorage['results'] = JSON.stringify(favList[i]);
          storedItem = (localStorage['results']) ;
            console.log(storedItem);
             alert("this post was added to local storage");

            //retrieve  list item
             var retrievedItem = localStorage.getItem(['results']);
             console.log( 'retrieved: ' + retrievedItem);
    }

任何人都可以帮助我获取收藏列表。

先谢谢。

0 个答案:

没有答案
相关问题