我可以用AJAX创建jQuery Mobile的列表视图

Question

没有为jQuery Mobile的文档：http://jquerymobile.com/demos/1.1.0/docs/about/getting-started.html

要创建列表视图：

<ul data-role="listview" data-inset="true" data-filter="true"> 
    <li><a href="#">Acura</a></li> 
    <li><a href="#">Audi</a></li> 
    <li><a href="#">BMW</a></li> 
    <li><a href="#">Cadillac</a></li> 
    <li><a href="#">Ferrari</a></li> 
</ul> 

但我想通过Ajax创建的列表视图：

$(document).ready(function(){ 
    $.ajax({ 
    type: "GET", 
    url: "../list.xml", 
    dataType: "xml", 
    success: function(xml) {      
     $("#nav").append("<ul data-role='listview'' data-theme='c' data-dividertheme='d'>").find('ul').append("<li><a href='/'>test</a></li>"); 
     } 
    }); 
}); 

列表元素可以被创建，但款式缺少

Answer 1

使用

$("#<id-of-your-list>").listview("refresh"); 

通过ajax创建后列表上。 JQM不会自动设置动态内容的样式。