我正在使用jQuery Mobile构建一个移动网络应用程序,我有一个问题.我使用jQuery解析
XML文件并创建列表项.它构建列表,然后将< li>的列表添加到< ul>在页面上我读到,为了使列表的样式正确,您必须在附加数据刷新列表后调用.listview(‘refresh’),以便jQuery Mobile可以将正确的样式设置为列表.
我的问题是列表不会刷新.它的风格不正确.我做错了吗?我的代码是否正确?我尝试过各种各样的.listview(),.listview(‘刷新’)等等.
码:
<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>
谢谢!