添加動態內容，以表對jQuery Mobile的樣式

Question

我試圖動態內容添加到列表中：通過做

<div data-role="content"> 
      <ul data-role="listview" data-divider-theme="b" data-inset="true" id="two"> 
       <li data-role="list-divider" role="heading"> 
        Divider 
       </li> 
       <li data-theme="c"> 
        <a href="#page4" data-transition="slide"> 
         Element1 
        </a> 
       </li> 
       <li data-theme="c"> 
        <a href="javascript:changePage('1');" data-transition="slide"> 
         Element2 
        </a> 
       </li> 
       <li data-theme="c"> 
        <a href="#page1" data-transition="slide"> 
         Element3 
        </a> 
       </li> 
      </ul> 
     </div> 

：

$("#two").append("<li><a href='#page4'>xxx</a></li>"); 
$("#two").listview('refresh'); 

但後來它打破了風格。角不再是圓潤和移動瀏覽器頁面上看起來縮短：

http://imgur.com/a/qyljX

你有什麼提示嗎？

THX

Answer 1

在下面的代碼中的LI元素有沒有數據主題屬性，而不是你擁有了它在所有其它LI

$("#two").append("<li><a href='#page4'>xxx</a></li>"); 

你試試？：

$("#two").append("<li data-theme='c'><a href='#page4'>xxx</a></li>");