我正在使用 jQueryMobile 开发一个 PhoneGap 应用程序。我的问题是listview
在相册页面上没有正确显示,而是在主页上。我data-theme
对两者都使用相同的。
问题:为什么第二页的列表视图显示不正确(背景、字体、图标)?
研究:
专辑页面代码
<div data-role="page" id="albums" data-url="albums" data-theme="a">
<div data-role="header">
<a href="#home" data-role="button" data-corners="true" data-shadow="true">Back</a>
<h1>Albums</h1>
<button id="albums-refresh">Refresh</button>
</div>
<div data-role="content">
<ul id="albums-content" data-role="listview" data-inset="true"></ul>
</div>
</div>
jQuery函数动态填充listview
Load: function () {
$("#albums-content").empty();
$.ajax({type: "GET", url: "https://itunes.apple.com/lookup?id=356541460&entity=album", data: {get_param: "results"}, dataType: "json", success: function (data) {$.each(data, function (index, element) {$.each(this, function (index, element) {if (element.wrapperType === "collection") {$("#albums-content").append("<li><a id='a-" + index + "' href='#album-details'><img src='" + element.artworkUrl100 + "' />" + element.collectionName + "</a>"); $("#a-" + index).bind('click', function (index) {Albums.AlbumID = index; }); }}); }); }});
}
PhoneGap 调试:
专辑页面 请注意,紫色背景和橙色文本不存在,但您可以在第二张专辑下方看到淡淡的listview
阴影暗示。