Javascript 在jQuery Mobile中向Listview动态添加项

在jQueryMobile中，动态地将项目添加到listview有点困难。基本上，我希望将用户在文本框中输入的内容添加到列表中。我有以下代码，无法理解为什么没有显示所需的输出

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

var listCreated=false；
函数appendToList（）{
如果（！listCreated）{
$（“#项”）.append（“
”）；
listCreated=true；
$（“#项”）。触发器（“创建”）；
}
$（“#列表”）。追加（
）；
$（“#list”）.append（document.getElementById（item.value）；
$（“#列表”）。追加（“
”）；
$（“#列表”）.listview（“刷新”）；
}

尝试创建整个

li

然后追加，现在，您正在将一个开头

追加到列表，然后将值追加到列表，而不是新的

li

var value = $("#item").val();
var listItem = "<li>" + value + "</li>";
$("#list").append(listItem);

var value=$（“#项”）.val（）；
var listItem=“
”+值+”
”；
$（“#列表”）。追加（列表项）；

---

演示：

效果非常好！非常感谢，我没有看到这个疏忽。