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

我可以通过ajax创建jquery mobile listview吗？

1 个答案: