子要素をリストビューに挿入する方法は？

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のモバイルについて知っているが、いけない（それはオールまたはULする一つの李を追加する必要があります）を

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

またはこの

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

のようなものそれはうまくいくはずです。