자식 요소를 listview에 삽입하는 방법은 무엇입니까?

Question

UL 목록보기가 있습니다. 개별 LI를 뱉어내는 함수를 통해 LI 요소를 삽입하고 싶습니다. append()가 나를 위해 작동하지 않는 것 같습니다. 어떤 제안?

Answer 1

.listview ('refresh');를 사용해야합니다.

동작 예 :

• http://jsfiddle.net/phillpafford/AfedX/2/
• http://jsfiddle.net/phillpafford/AfedX/3/ (양쪽 페이지에 추가 탐색)

JS :

$('#li-nav').append('<li><a href="#page2">Page 2</a></li>').listview('refresh'); 

HTML :

<div data-role="page" id="home"> 
    <div data-role="content"> 
     <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f" id="li-nav"> 
      <li data-role="list-divider">Navigation</li> 
      <li><a href="#page1">Page 1</a></li> 
     </ul> 
    </div> 
</div> 

<div data-role="page" id="page1"> 
    <div data-role="content"> 
     <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f"> 
      <li data-role="list-divider">Navigation</li> 
      <li><a href="#home">Home</a></li> 
     </ul> 
    </div> 
</div> 

<div data-role="page" id="page2"> 
    <div data-role="content"> 
     <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f"> 
      <li data-role="list-divider">Navigation</li> 
      <li><a href="#home">Home</a></li> 
     </ul> 
    </div> 
</div> 

Answer 2

는 다음과 같은 코드를 시도해 봤어 : 나는 JQuery와 모바일에 대해 잘 모릅니다이

$("<li />") 
    .append(
    $("<a />") 
    .attr("href" ,"http://stackoverflow.com") 
    .text("Hello")) 
    .click(function() { 
    alert('hi'); 
    }) 
    .appendTo("#saved-list"); 

같은

$(“<li>Your Value</li>”).appendTo(“#yourlistboxid”); 

또는 뭔가를 (이 팔자 하나 개 리를 추가하거나 UL되어야한다)하지만, 그것은 작동해야합니다.