javascript-在jQuery Mobile中将项目动态添加到Listview

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-在jQuery Mobile中将项目动态添加到Listview，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含894字，纯文字阅读大概需要2分钟。

内容图文

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

内容总结

以上是互联网集市为您收集整理的javascript-在jQuery Mobile中将项目动态添加到Listview全部内容，希望文章能够帮你解决javascript-在jQuery Mobile中将项目动态添加到Listview所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端