如何將子元素插入到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

你嘗試下面的代碼：（應加入一個李書福醇或UL）

$(「<li>Your Value</li>」).appendTo(「#yourlistboxid」); 

或者像這樣

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

我不知道的jQuery移動，但它應該工作。