小编Tyl*_*vis的帖子

JQuery Mobile动态列表视图在更新后丢失样式(数据插入)

我正在创建一个移动应用程序(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)

javascript jquery-mobile cordova

5
推荐指数
1
解决办法
3591
查看次数

标签 统计

cordova ×1

javascript ×1

jquery-mobile ×1