jQuery Mobile의 Listview에 항목을 동적으로 추가하십시오.

Question

jQuery 모바일의 목록 뷰에 항목을 동적으로 추가하는 데 문제가 있습니다. 기본적으로 나는 텍스트 상자에있는 사용자가 입력 한 내용을 목록에 추가하려고합니다. 다음 코드를 가지고 왜 원하는 출력이 나타나지 않는지 알 수 없습니다. 목록이 아닌 새로운 li

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

데모에

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

Answer 1

시도는 목록에 개방 <li>를 추가하고, 전체 li 후 지금, 추가 생성, 값 : http://jsfiddle.net/DVbGY/1/