javascript - 可以用ajax创建jquery mobile listview吗？

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 不会自动设置动态内容的样式。