jQuery Mobile .listview('refresh')无效

Question

我正在使用jQuery Mobile构建移动Web应用程序,我遇到了问题.我使用jQuery来解析XML文件并创建列表项.它构建列表,然后将<li>s 列表添加到<ul>页面上.我读到,为了使列表正确设置样式,您必须.listview('refresh')在追加数据后刷新列表,以便jQuery Mobile可以为列表设置正确的样式.

我的问题是列表永远不会刷新.它不断错误地设置样式.难道我做错了什么？我的代码是否正确？仅供参考,我已经尝试了所有种类的变化.listview(),.listview('refresh')等等.

码:

<script type="text/javascript">
  $(window).load(function() {
    $.ajax({
      type: "GET",
      url: "podcast.xml",
      dataType: "xml",
      async: false,
      success: parseXml
    });
  });

  function parseXml(xml) {
    var podcastList = "";
    $(xml).find("item").each(function() {
      podcastList += "<li class='ui-li-has-thumb ui-btn ui-btn-icon-right ui-li ui-btn-up-c' role='option' data-theme='c'><img src='" + $(this).find("itunes\\:image").attr("href") + "' class='ui-li-thumb'><h3 class='ui-li-heading'><a href='" + $(this).find("enclosure").attr("url") + "' class='ui-link-inherit'>" + $(this).find("title").text() + "</a></h3><p class='ui-li-desc'>" + $(this).find("itunes\\:subtitle").text() + "</p></li>";
    });
    $("#podcastList").append(podcastList);
    $("#podcastList").listview('refresh');
  }
</script>

谢谢!

Answer 1

我遇到了类似于你的代码遇到了这个问题.我的解决方案是将刷新放入$ .ajax"完成"选项.

        complete: function() {
            $('#list-id').listview('refresh');
        }