我有一个列表视图,它的列表项由 javascript 代码创建。代码第一次运行时,它工作正常。第二次运行时,列表已创建并且工作正常,但 jQuery Mobile 样式消失了。搜索其他线程导致我在不同的地方尝试以下代码行,但无济于事:
$('#ul').listview('refresh');
和
$('#ul').listview().listview('refresh');
和
$('#ul').trigger('create');
我的列表视图在 html 中声明如下:
<div ID="myUL" class="nav">
<ul data-role="listview" ID="ul"></ul>
</div>
以下 javascript 创建列表项:
$.ajax( {
async: 'false',
type:'POST',
url:'[redacted]',
contentType: "text/xml",
dataType: "xml",
data: soapRequest,
success:function processSuccess(data, status, req) {
var returnString = $(req.responseXML).find("GetMyWebServiceResult").text().split("|");
$("#ul").children().remove('li');
for (var i = 0; i < length; i++) {
var addressString = returnString[i].split(";");
//create list item
var myList = document.getElementById("ul");
var liSold = document.createElement("li");
var aTag = document.createElement('a');
aTag.innerHTML = addressString[0];
aTag.setAttribute('onClick','somefunction(i)');
aTag.setAttribute('data-transition','slide');
liSold.appendChild(aTag);
myList.appendChild(liSold);
}
$('#ul').listview('refresh');
},
error: function(e){
alert('error 2: ' + e);
}
})
另外,我在 phonegap (cordova) 应用程序中执行此操作,如果这有所作为。
编辑附加细节:重新创建列表时,页面 div 不再是焦点。此外,js 代码片段位于成功使用 Web 服务时调用的函数中。