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
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com