我正在尝试使用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);
}
任何人都可以帮助我获取收藏列表。
先谢谢。