添加动态内容，以表对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>");