我正在创建一个移动应用程序(Phonegap/Cordova 1.5.0,JQM 1.1.0)并在iOS 5.1上进行测试.我有一个用户"拥有"或想要拥有的项目列表.在整个应用程序中,用户可以通过添加和删除项目来编辑其列表.每当添加或删除项目时,列表都会更新,并且显示正常,所有JQuery CSS都保持不变,除了角落不再舍入(我在想因为数据插入设置为"false").
这是我的list-headers的html:
<div data-role="page" id="profile">
<div data-role="header" data-position="fixed">
<...>
</div><!-- /header -->
<div data-role="content" data-theme="a">
<...>
<ul id="user-wants-list" data-role="listview" data-inset="true" data-theme="d" data-dividertheme="d" >
</ul> <!--/Wants list-->
</br>
<ul id="user-haves-list" data-role="listview" data-inset="true" data-theme="d" data-dividertheme="d" >
</ul> <!--/Has list-->
</br></br>
</div> <!--/content-->
</div> <!--/Profile-->
Run Code Online (Sandbox Code Playgroud)
这里是Javascript我删除旧列表并动态添加新列表(参数'haves'是一个对象数组):
function displayHaves(haves){
var parent = document.getElementById('user-haves-list');
removeChildrenFromNode(parent);
parent.setAttribute('data-inset','true');
$(parent).listview("refresh");
var listdiv = document.createElement('li');
listdiv.setAttribute('id','user-haves-list-divider');
listdiv.setAttribute('data-role','list-divider');
listdiv.innerHTML = "I Have (" + haves.length + ")";
parent.appendChild(listdiv);
//create dynamic list
for(i=0;i<haves.length;i++){
var sellListing …Run Code Online (Sandbox Code Playgroud)