javascript-在jQuery Mobile中将项目动态添加到Listview
作者:互联网
在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/
标签:jquery-mobile,html,javascript 来源: https://codeday.me/bug/20191123/2064102.html