我正在尝试构建一个应用程序,当用户在基于 jquery 的移动应用程序上的文本框中输入文本并单击保存时,它会将其添加到屏幕上的列表中
所以默认情况下我不会有一个列表,但是当用户添加一个项目时,应该创建一个列表,或者如果列表已经存在,新项目添加为一个新的列表项。
就保存而言,我将在之后进行处理,目前我只想在屏幕上动态附加到 jqm 中的 ul
有人可以协助提供可能对此有所帮助的代码。它给了我一个添加的项目,说“项目未定义”但是 numslist 是我的列表,而 txtbox 是文本框,所以我不确定我哪里出错了
谢谢
<script>
var $txtbox = $("#txtbox").val();
var count = 0;
$("#main").live("pagecreate", function(event) {
$("#numlist").listview({create: function(event, ui) {
$("#addBtn").bind("click", function(event, ui) {
var str = "<li><a href='#'>Item " + ($txtbox) + "</a></li>";
$("#numlist").append(str);
$("#numlist").listview("refresh");
});
$("#removeBtn").bind("click", function(event, ui) {
// if (--count < 0) {
// count = 0;
// return;
// }
$("#numlist").find("li").remove();
$("#numlist").listview("refresh");
});
}});
});
</script>