在jQuery Mobile中将项目动态添加到Listview中
Dynamically add items to Listview in jQuery Mobile
我在jQuery mobile中向列表视图动态添加项目时遇到了一些问题。基本上,我希望用户在文本框中输入的内容都能添加到列表中。我有以下代码,无法理解为什么没有出现所需的输出。
<script>
var listCreated = false;
function appendToList() {
if(!listCreated) {
$("#items").append("<ul id='list' data-role='listview' data-inset='true'></ul>");
listCreated = true;
$("#items").trigger("create");
}
$("#list").append("<li>");
$("#list").append(document.getElementById(item).value);
$("#list").append("</li>");
$("#list").listview("refresh");
}
</script>
<div data-role="content">
<div id="items"></div>
<input type="text" id="item" />
<input type="button" value="Add item to list" onclick="appendToList()"/>
</div>
尝试创建整个li
,然后追加,现在,您正在将一个打开的<li>
追加到列表中,然后将值追加到列表,而不是新的li
var value = $("#item").val();
var listItem = "<li>" + value + "</li>";
$("#list").append(listItem);
演示:http://jsfiddle.net/DVbGY/1/
相关文章:
- 正在添加'X'按钮,在文本字段旁边使用javascript
- 如何在映射数组中添加换行符
- 正在将数据主题添加到所有项目
- ZeroClipboard-在复制之前添加到值
- 我可以在json对象中添加一个函数吗
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何添加浮动和非浮动,其他
- 添加文字和评论功能更新Div
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- 在ListView中添加JSON数组中存储的图像-ReactNative
- 在jQuery Mobile中将项目动态添加到Listview中
- Listview在添加列表项Jquery Mobile时重复ID
- 在jqueryMobile中向Listview添加元素
- 将元素添加到ListView的方法
- 我如何在一个ListView项目的末尾添加一个按钮
- 添加列表元素后应用css到listview
- 在react native listview中添加动态本地图像
- ListView没有't在向TextBox添加属性后激发ItemInserting