个人中心
gpt4 book ai didi

jQuery Windows 移动应用程序 "append(html) not working"

转载 作者：行者123 更新时间：2023-12-01 05:52:11 25 4
gpt4 key购买 nike

我试图使用phonegap for windows mobile 构建一个待办事项列表移动应用程序。但点击“添加”按钮后，列表并未被添加。我的手机屏幕上没有显示任何列表项。但在浏览器中同样可以很好地工作。有人可以帮我吗!!

Html和js代码

    <!DOCTYPE html>
    <html manifest="storage.appcache">
    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="format-detection" content="telephone=no" />
        <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 type="text/javascript" charset="utf-8" src="jquery.js"></script>
        <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
        <script type="text/javascript" charset="utf-8" src="cordova_plugins.js"></script>
        <script type="text/javascript" charset="utf-8">
        var storage = window.localStorage;
        $(document).ready(function(){
            console.log('Inside document.ready');
            initTodoList();
            $("#clearStorage").click(function(){
                console.log('Entering clearstorage');
                storage.clear();
                $('li').remove();
                console.log('Exiting clearstorage');
            });
        });
        function remove_item(key){
            console.log('Entering remove_item');
            storage.removeItem(key);
            console.log('Find and remove element with id = ' + key)
            $('#'+key).remove();
            console.log('Exiting remove_item');
        }
        function add_item() {
            console.log('Entering add_item');
            var d = new Date();
            var key = d.getTime();
            var value = $('#new_item').val();
            storage.setItem(key, value);
            createToDoListItem(key, value);
            $("#new_item").val('');
            console.log('Exiting add_item');
        }
        function initTodoList(){
            console.log("Entering initTodoList " + storage.length);
            for(var i = 0; i < storage.length; i++){
                var key = storage.key(i);
                var value = storage.getItem(key);
                createToDoListItem(key,value);
            }
        }  
        function createToDoListItem(key, value){
            var html = '<li  data-key="' + key + '" id="' + key + '">' + value + '<button onclick="javascript:remove_item(\'' + key + '\')">Delete</button></li>';
            console.log('Appending html ' + html)
            $("#todo_list").append(html);
            $("#todo_list").listview().listview("refresh");
        }


    </script>
  </head>
  <body>
      <div class="app">
            <h1>To Do List</h1>

        </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>

    <input type="text" id="new_item">
  <button onclick="add_item()">Add</button>
  <ul id="todo_list">

  </ul>
  <br/>
  <button id="clearStorage">Clear storage</button>
  </body>
</html>

最佳答案

console.log('Appending html ' + html) 行末尾缺少一个分号。

此外，如果可能的话，最好尝试在开发计算机上的浏览器上调试 PhoneGap 网页，并在浏览器的开发人员工具的控制台中检查错误。

(并不总是可以使用 PhoneGap 在本地计算机上调试页面，因为您有时需要访问移动功能等。)

关于jQuery Windows 移动应用程序 "append(html) not working"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20393667/

25 4 0
文章推荐： jquery - 添加 jquery 2.0.3 会破坏 IE10 上文本框的文本对齐
文章推荐： java - Maven 模块作为 Web 应用程序的依赖项
文章推荐： java - openFileOutput 抛出异常
文章推荐： java - Internet Explorer 中的内存不足问题
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com