我可以用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不會自動設置動態內容的樣式。