Question

目前我正在使用PhoneGap和JQueryMobile开发应用程序。到目前为止，功能非常简单：用户可以做的就是创建一些按钮并将它们动态添加到屏幕上。

我现在要做的是将这个按钮列表存储起来。在本地存储，文件系统......我不知道。

当用户退出应用程序，然后延迟返回时，他应该能够加载和扩展他之前创建的列表。

有没有办法做到这一点？谢谢你的帮助。

Answer 1

给出一些像这样的HTML标记：

<html>
    <body>
        <div id="buttons">
        </div>
    </body>
</html>

您可以创建一个按钮并使用本地存储来保存它：

var myButton1 = "<button>My Button</button>";
window.localStorage.setItem("button1", myButton1);

然后检索它并在页面上显示如下：

var myButton1 = window.localStorage.getItem("button1");
$("#buttons").html(myButton1);

对于多个按钮，您可以将它们存储为数组：

var myButtons = [
    "<button>My Button 1</button>",
    "<button>My Button 2</button>
];
window.localStorage.setItem("buttons", myButtons);

然后检索它并在页面上显示它们：

var myButtons = window.localStorage.getItem("buttons");
var buttons = "";
foreach (var button in myButtons) {
    buttons += button + "<br/>";
}
$("#buttons").html(buttons);

如何保存PhoneGap App

1 个答案: