html - 代码 HTML 在 Javascript 中不起作用

Question

我正在尝试组织通过科尔多瓦阅读的联系人列表...

我的代码

for (var i=0; i<contacts.length; i++) {
        for (var j=0; j<contacts[i].phoneNumbers.length; j++){

            $('#listaContactos').append("<li><h3>" + contacts[i].displayName + "</h3><p>" + 
                    contacts[i].phoneNumbers[j].value + "</p></li>");
        }

    }

我的代码 html

<ul data-role="listview" data-filter="true" id="listaContactos">

        </ul>   

结果是这样的：

塞利奥·加西亚

          Xénia Dembo

98765433211 Jussara Lemos 97654332211

                     098763234622

PS：抱歉我没有10声望上传图片

Answer 1

我认为您需要在附加数据后增强 jQM 列表视图的样式 -

for (var i=0; i<contacts.length; i++) {
    for (var j=0; j<contacts[i].phoneNumbers.length; j++){
        $('#listaContactos').append("<li><h3>" + contacts[i].displayName + "</h3><p>" + 
                contacts[i].phoneNumbers[j].value + "</p></li>");
    }
}
$('#listaContactos').listview('refresh');