0

我正在使用 jQuerymobile，并且我有一个列表视图。在列表视图中，我有从 localStorage 加载的动态内容。当您单击特定列表项时，我希望用户转到下一页，该页面与该特定 localstorage 对象的关联值。

我可以让我的代码在下面工作（我已经评论过）。问题是，

var favoritedName = JSON.parse( localStorage.getItem(placesText));

返回 NULL。

但是如果我手动加载

var favoritedName = JSON.parse( localStorage.getItem("placesFireside Bar"));

它工作正常。

我想知道您是否可以从您在列表视图中单击的列表项动态加载 .text()，然后将其设置为 localstorage.getItem() 中的键。

这是我的代码：

// click the list item, which is a specific bar
$('#all-my-favorites li').click(function() {

// get specific name of Bar from the list item
listitemText = $(this).text();

// OR manually name the list item. example here is "Fireside Bar" for testing    purposes
//listitemText = "Fireside Bar";

// combine the strings, so i can search localstorage for the relevant key item
placesText = "places" + listitemText;
//alert(placesText);
// returns "placesFireside Bar" or  "places(barname from listitem)"

});   

// go to the new page, which should show content from the relevant key item
$('#favorited').on('pagebeforeshow', function() {

// test to see if placesText is a string
alert(jQuery.type( placesText ) === "string");
// returns TRUE

// find the relevant keyitem from localstorage, and name the object favoritedName
var favoritedName = JSON.parse( localStorage.getItem(placesText));
alert(favoritedName);
// returns NULL

$(this).find('[data-role=header] .ui-title').text(favoritedName.name);
$('#FavoritedplaceName').text(favoritedName.name);
$('#FavoritedlocationName').text(favoritedName.location);
$('#FavoritedtimeofDay').text(favoritedName.timeOfDay);
$('#FavoriteddayofWeek').text(favoritedName.dayofWeek);
});
4

0 回答 0