HTML 5 / Javascript中的本地存储问题

Question

我正在使用Phonegap制作清单应用程序，但是由于它们都使用Web技术，因此它也在浏览器中进行调试。 无论如何，我在使用HTML 5本地存储时遇到问题。 也许我的代码被破坏了，或者我使用了错误的代码。 每当我刷新页面或退出/返回时，数据都消失了。

感谢任何帮助：^）

我在我的实时域和本地域中都对其进行了测试，但两者均无法正常工作。

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <title>Hello World</title>

        <script>
            $(function() {
              var arr = [];
              var i;
              $("button").click(function() {
                arr.push($(":text").val());
                $(":text").val("");
                localStorage.setItem("item" + arr.length, arr[arr.length - 1]);
                $("#x").append(localStorage.getItem("item" + arr.length) + "<br>");
              })
            })
        </script>
    </head>
    <body>
        <div class="app">
            <h1>Alex</h1>
            <input type="text" id="item" placeholder="Enter an item">
            <button id="add">Add Item</button>
            <br>
            <div id="x"></div>
        </div>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <script type="text/javascript">
            app.initialize();
        </script>
    </body>
</html>

Answer 1

如前所述-数据被持久保存并正确保存。

但是，逻辑不正确并且会覆盖localStorage中的所有元素（第一个元素覆盖第一个元素，第二个元素覆盖前两个元素，第三个元素覆盖前三个元素，依此类推）。 也许这就是掩盖问题的原因？ :)

坦率地说，我不执行循环运行并用最后一项覆盖所有现有逻辑（每次将其写入屏幕上的列表）的逻辑...

HTML 5 / Javascript中的本地存储问题

问题描述

1 个解决方案

解决方案1
1 2016-05-31 10:07:59

HTML 5 / Javascript中的本地存储问题

问题描述

1 个解决方案

解决方案1 1 2016-05-31 10:07:59

解决方案1
1 2016-05-31 10:07:59